记一次使用wangEditor引起的element-ui表格样式错乱问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了记一次使用wangEditor引起的element-ui表格样式错乱问题相关的知识，希望对你有一定的参考价值。
参考技术A 事情是这样滴，那天深夜文西正在世界最大同性交友网站 github 上学习PS快捷键大全，测试阿星突然来电说生产出问题惹。作为一个拥有丰富(一年)经验的老(并不)前端，每天都按时下班的当代优秀程序员，我肯定当场否认(推锅)，毕竟能上生产的东西必不可能有问题，如果有，那就是后端(或者环境、网络、缓存BlahBlah)的问题(懂的都懂.png)。听阿星的描述，是我做的工单系统出了问题：有一条工单的历史记录的样式炸了。
听到这里我是不太相信的，毕竟在这条工单之前已经有了两百多条工单都没啥问题，于是我登录系统打开了10086号工单。
身为老前端的我马上就冷静下来开始分析问题：
element-ui应该不会这样搞我，于是我们把目光转向wangEditor
发现富文本框里有个表格，嗯，同样都是表格，字体都这么大，罪魁祸首肯定就是它了！
于是我熟练地按下F12查看样式，果然被我发现了端倪
常威你还说你不会武功！
这些样式是富文本框中的表格样式，又这么巧element-ui表格没有对td进行样式更改，于是就引发了这次惨案。
知道了问题就好办了，在全局的样式文件中加上td的样式(我的是global.less)
加完之后表格也恢复正常惹
以上是关于记一次使用wangEditor引起的element-ui表格样式错乱问题的主要内容，如果未能解决你的问题，请参考以下文章