百度编辑器Ueditor插入表格没有边框、颜色的解决方法

参考：https://www.eyoucms.com/news/ziliao/other/666.html

百度编辑器ueditor插入一个表格后，在编辑过程中有表格，但是保存后，在前台网页中没有边框，也没有颜色解决办法。

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

for (var c = 0; c < colsNum; c++) {
    
    
    html.push('<td width="' + tdWidth + '"  vAlign="' + opt.tdvalign + '" >' + (browser.ie ? domUtils.fillChar : '<br/>') + '</td>')
}

修改成：

for (var c = 0; c < colsNum; c++) {
    
    
    html.push('<td style="border:1px solid #ccc;" width="' + tdWidth + '"  vAlign="' + opt.tdvalign + '" >' + (browser.ie ? domUtils.fillChar : '<br/>') + '</td>')
}

2. 在ueditor.all.js文件中找到：

table.setAttribute("data-sort", cmd == "enablesort" ? "sortEnabled" : "sortDisabled");

下方添加代码：

table.setAttribute("style", "border-collapse:collapse;");

3. 在ueditor.all.js文件中找到：

return '<table><tbody>' + html.join('') + '</tbody></table>'

修改为：

return '<table style="border-collapse:collapse;"><tbody>' + html.join('') + '</tbody></table>'

修改结束后，重新刷新页面，表格边框显示。