当前位置:   article > 正文

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

ueditor ueditor.all.min.js 表格粘贴 没有边框

问题:

  用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了。

 

转载于:https://www.cnblogs.com/pcheng/p/5106210.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/299245
推荐阅读
相关标签
  

闽ICP备14008679号