解決 ueditor表格在頁面上不顯示的問題
阿新 • • 發佈：2019-01-05
最近一直在玩的CMS系統的後臺用的是百度的UEditor，之前是FCKEditor。插入程式碼的高亮顯示已經得以體現到頁面上，但是插入表格卻在頁面上無法顯示。基於這個問題，本人找到了解決辦法。現分享出來。
在編輯器中插入表格後，可以點選預覽圖示，如圖所示：
預覽後會發現，插入的表格能正常顯示，右擊檢視原始碼，可以看出使用了ueditor.parse.js
程式碼如下圖：
從程式碼可以知道，載入主要的ueditor.parse.js檔案後，然後再載入另外2個檔案（1個JS檔案和1個樣式檔案）。那麼我們就可以利用它來解決頁面上不顯示錶格的問題。
把這段程式碼加到內容頁的最底部就OK了，注意檔案的路徑要正確就行了。
<script src="/ueditor/ueditor.parse.js"></script>
<script>
setTimeout(function(){uParse('div',
{
'highlightJsUrl':'/ueditor/third-party/SyntaxHighlighter/shCore.js',
'highlightCssUrl':'/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css'})
},300);
</script>
|
當然這個不光解決了表格顯示的問題，如果您在編輯器中加入了程式程式碼，同樣也可以顯示出來。
這裡要注意一下，以上的程式碼只是對 div 標籤進行了處理，如果您的站或是使用的頁面元素是div並且有ID的話，可以把上面程式碼的div引數換成 #ID，這裡可以使用jquery的ID方式。
插入程式碼的效果，可以瀏覽本站其他的文章，大概都有涉及到。
好了，如果覺得這個方法有問題，歡迎批評糾正。