ueditor表格边框没有颜色的解决

问题:

  用ueditor画表格,会发现表格存在,但是表格边框没有颜色。

 

解决方法:

  需要对js文件中的样式进行修改,这里我引用的编辑器样式文件是ueditor.all.min.js,所以先找到该文件,有三个部分需要修改。注意:不同版本的js代码可能会有细微不同。

1、搜索到下面部分:

c.push('<td width="'+b+'"  vAlign="'+a.tdvalign+'" >'+(r.ie?e.fillChar:"<br/>")+"</td>");

加上样式:

c.push('<td style="border:1px solid #ccc;" width="'+b+'"  vAlign="'+a.tdvalign+'" >'+(r.ie?e.fillChar:"<br/>")+"</td>");

 

2、搜索到下面部分:

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

在后面补上一句:

b(this).table.setAttribute("data-sort","enablesort"==a?"sortEnabled":"sortDisabled");b(this).table.setAttribute("style", "border-collapse:collapse;");

 

3、搜索到下面部分:

return"<table><tbody>"+c.join("")+"</tbody></table>"

加上样式:

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

 

  就改完三个部分,保存一下,刷新页面就ok了。

 

posted @ 2016-01-06 16:50  PC君  阅读(837)  评论(0编辑  收藏  举报