百度编辑器ueditor插入表格没有边框,没有颜色的解决方法javascript
百度编辑器ueditor插入表格没有边框,没有颜色的解决方法...
百度编辑器ueditor插入一个表格后,在编辑过程中有表格,但是保存后,在前台网页中没有边框,也没有颜色。找了很久的源码,终于解决了。
打开编辑器根目录下面的ueditor.all.js文件
html.push('<td width="' + tdWidth + '" vAlign="' + opt.tdvalign + '" >' + (browser.ie && browser.version < 11 ? domUtils.fillChar : '<br/>') + '</td>')
改为:
html.push('<td style="border:1px solid #ccc;" width="' + tdWidth + '" vAlign="' + opt.tdvalign + '" >' + (browser.ie && browser.version < 11 ? domUtils.fillChar : '<br/>') + '</td>')
return '<table><tbody>' + html.join('') + '</tbody></table>'
改为:
return '<table style="border-collapse:collapse;"><tbody>' + html.join('') + '</tbody></table>'
找到:
table.setAttribute("data-sort", cmd == "enablesort" ? "sortEnabled" : "sortDisabled");
在下面添加一行:
table.setAttribute("style", "border-collapse:collapse;");
此时,再刷新后台,插入一个表格,就有边框了。
因为改的是ueditor.all.js,所以调用ueditor.all.js才有效,要是调用的ueditor.all.min.js,那么就需要更改ueditor.all.min.js文件了。
<td width="'+b+'" vAlign="'+a.tdvalign+'" >
改为:
<td style="border:1px solid #ccc;" width="'+b+'" vAlign="'+a.tdvalign+'" >
return"<table><tbody>"
改为:
return"<table style='border-collapse:collapse;'><tbody>"
找到:
a.setAttribute("data-sort","enablesort"==b?"sortEnabled":"sortDisabled");
在后面添加:
a.setAttribute("style","border-collapse:collapse;");
这三处代码弄清楚后,要是你还想扩展一些新的样式效果也是可以直接在这几个地方修改就好了。
上一篇:js遍历数组
我要评论