百度编辑器ueditor插入表格没有边框解决方法

百度编辑器ueditor插入一个表格后,在编辑过程中有表格,但是保存后,在前台网页中没有边框,也没有颜色。找了很久的源码,终于解决了。

  1. 打开编辑器根目录下面的ueditor.all.js文件,找到:

for (var c = 0; c < colsNum; c++) {
html.push(‘’ + (browser.ie ? domUtils.fillChar : ‘
’) + ‘‘)
}

改成:

for (var c = 0; c < colsNum; c++) {
html.push(‘’ + (browser.ie ? domUtils.fillChar : ‘
’) + ‘‘)
}

不同的版本的代码可能略微有点不同。

  1. 在ueditor.all.js文件中找到:table.setAttribute(“data-sort”, cmd == “enablesort” ? “sortEnabled” : “sortDisabled”); 在这句代码下面加一行:table.setAttribute(“style”, “border-collapse:collapse;”);

  2. 在ueditor.all.js文件中找到:return ‘

    ’ + html.join(”) + ‘
    ’ 改为:return ‘’ + html.join(”) + ‘
    ’ 。

此时,再刷新后台,插入一个表格,就有边框了。因为改的是ueditor.all.js,所以调用ueditor.all.js才有效,要是调用的ueditor.all.min.js,那么就需要更改ueditor.all.min.js文件了。

这三处代码弄清楚后,要是你还想扩展一些新的样式效果也是可以直接在这几个地方修改就好了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值