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

北京网站建设中,由于后台程序我们使用了百度编辑器来做一些文章啊,商品详情等数据的上传,于是有客户提出了需要上传一个表格,但是从Excel表格里复制黏贴过来的表格在编辑器中还存在边框,可是当其内容在前台页面展示的时候,表格边框却消失了。最终经过查阅相关资料,最终解决了该问题。

1、现象描述

TIM图片20171205171739.png

如上图所示,在百度编辑器中,我插入了一个表格信息,在编辑模式下,这个表格边框正常显示,但是发布之后,并未看到表格边框,如下图。

TIM图片20171205172631.png

2、解决办法。

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

57CUW%OJ1`Z$N_Y%Q1MRGD3.png

但是,这个解决方法有个弊端,那就是加了边框的表格其实是一个个分离的。中间会有一些间隙,如下图:

TIM图片20171205172937.png

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

TIM图片20171205173133.png

当然,大家也可以在页面的样式表中添加表格的样式来控制这种情况的发送,以上就是百度编辑器无法显示表格边框的解决办法,希望对大家有所帮助。

总是在梦里

2017-12-05

0 个评论