百度(du)編(bian)輯器ueditor插(cha)入一個(ge)表格(ge)后(hou)，在(zai)編(bian)輯過程中(zhong)有(you)表格(ge)，但是保存后(hou)，在(zai)前臺網頁中(zhong)沒有(you)邊框(kuang)，也沒有(you)顏色。找了很久的源(yuan)碼，終于(yu)解決了。

 

1. 打開編(bian)輯(ji)器根目(mu)錄下面的(de)ueditor.all.js文件(jian)，找(zhao)到(dao)：

 

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

}

 

不同(tong)的(de)版(ban)本的(de)代碼可能略微有點不同(tong)。

 

2. 在(zai)ueditor.all.js文件中(zhong)找(zhao)到：table.setAttribute("data-sort", cmd == "enablesort" ? "sortEnabled" : "sortDisabled"); 在(zai)這句代(dai)碼(ma)下面加一行：table.setAttribute("style", "border-collapse:collapse;");

 

3. 在ueditor.all.js文件(jian)中找(zhao)到：return '<table><tbody>' + html.join('') + '</tbody></table>' 改(gai)為：return '<table style="border-collapse:collapse;"><tbody>' + html.join('') + '</tbody></table>' 。

 

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

 

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