解决百度Ueditor编辑器表格不显示边框问题

作者: aitecms2017-09-17 16:20

一、主要内容

    AITECMS使用百度Ueditor编辑器中的表格功能,在编辑模式下可以正常显示边框,而文章发布之后表格不能显示边框。经过查阅相关资料,最终解决了该问题。

二、使用平台

1. aitecms v1.0

2. Ueditor 1.4.3

三、实现步骤

3.1 现象描述


如上图所示在编辑模式下,表格边框可以正常显示。但是发布文章后,并未看到表格边框,如下图所示。

3.2 最简单的方法

    其实,通过编辑模式下最简单的设置即可完成。如下图所示:


 

    即,在表格处,右键——>表格——>设置表格边线可见,这样就可以实现,具体效果,如下所示:


    这样,表格边框就可以显示出来了,而且可以通过编辑模式下的表格属性设置边框颜色等诸多功能。

    但是,细心的读者通过上上一个图可以看到每个表格都是分离的,这个怎么解决呢?
3.3 解决表格边框间距问题
在网站制作时ueditor 添加表格时,表格的显示边框时有间距,边框线成了两个,看起来很不美观,可以能过设置表格间距为0来达到只一条细线的效果,可以在在ueditor.all.js中找到UE.commands['inserttable']找到这个方法,把在创建表格时加上cellpadding="0" cellspacing="0" 或者在TABLE表格上加上style="border-collapse:collapse" 样式。


Copyright © 2015-2017 AiteCms. 爱特系统 版权所有
QQ在线咨询