百度編輯器ueditor插入一個表格后，在編輯過程中有表格，但是保存后，在前臺網(wǎng)頁中沒有邊框，也沒有顏色。找了很久的源碼，終于解決了。

 

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>' 。

 

此時，再刷新后臺，插入一個表格，就有邊框了。因為改的是ueditor.all.js，所以調(diào)用ueditor.all.js才有效，要是調(diào)用的ueditor.all.min.js，那么就需要更改ueditor.all.min.js文件了。

 

這三處代碼弄清楚后，要是你還想擴展一些新的樣式效果也是可以直接在這幾個地方修改就好了。