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

1、主要内容

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

2、使用平台

1. dedecms V5.7 SP1

2. Ueditor 1.4.3

3、实现步骤

3.1 现象描述

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

 

3.2 查阅到的解决方法

(1) 引用ueditor.parse.js文件

    在“解决 ueditor表格在页面上不显示的问题”中给出了经过引用ueditor.parse.js来实现表格边框的显示，通过尚为网实验，并未解决该问题。

(2) 修改ueditor.all.js文件

    在“百度编辑器ueditor插入表格没有边框,没有颜色的解决方法”中给出了经过修改ueditor.all.js文件来实现表格边框的显示，通过尚为网实验，并未解决该问题，并且在内容页引用该文件后，先后并无变化。

(3) 修改全局CSS文件

    这个方法是在制做模板的时候，添加内容里跟表格相关的CSS样式，经过这个方法来实现，能够明确的是，该方法可行的，只是尚为网太懒，没有经过该方法去实现。

3.3 最简单的方法

    其实，经过编辑模式下最简单的设置便可完成。以下图所示：

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

    这样，表格边框就能够显示出来了，并且能够经过编辑模式下的表格属性设置边框颜色等诸多功能。

    可是，细心的读者经过上上一个图能够看到每一个表格都是分离的，这个怎么解决呢？

3.4 解决表格边框间距问题

    还是在网上搜到一个解决方法：“在网站制做时ueditor 设置表格间距”，

    在网站制做时ueditor 添加表格时，表格的显示边框时有间距，边框线成了两个，看起来很不美观，能够能过设置表格间距为0来达到只一条细线的效果，能够在在ueditor.all.js中找到UE.commands['inserttable']找到这个方法，把在建立表格时加上cellpadding="0" cellspacing="0" 或者在TABLE表格上加上style="border-collapse:collapse" 样式。

 

 

    其给出了两种方法：

(1)修改ueditor.all.js文件

    因为3.2 (2)中已经尝试过模板内容页引用该文件无效果的结论，所以，这里尝试后，仍不能解决该问题。

(2)table表格加上style样式

    这个方法略微麻烦，即在编辑状况下的源码模式下，人为的为table标签添加该样式，

    这样就能够实现了，效果以下：

顶一下

(8)

 

72.70%

踩一下

(3)

 

27.30%

 

本文地址http://www.sunev.cn/web/180.html，转载请注明出处，谢谢！