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 @   PC君  阅读(843)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)

喜欢请打赏

扫描二维码打赏

支付宝打赏

点击右上角即可分享
微信分享提示