最近一直在玩的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方式。
表格效果可以参见这篇文章:PostgreSQL与其他数据库的比较
插入代码的效果,可以浏览本站其他的文章,大概都有涉及到。
好了,如果觉得这个方法有问题,欢迎批评纠正。