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了。
本文来自博客园,作者:PC君,转载请注明原文链接:https://www.cnblogs.com/pcheng/p/5106210.html
分类:
JAVA
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)