解决 ueditor表格在页面上不显示的问题

最近一直在玩的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与其他数据库的比较


插入代码的效果,可以浏览本站其他的文章,大概都有涉及到。


好了,如果觉得这个方法有问题,欢迎批评纠正。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值