wangEditor处理移动端插入代码弹出窗超出屏幕的解决办法

wangEditor处理移动端插入代码弹出窗超出屏幕的解决办法

这次我发现wangEditor插件的插入代码移动端不支持,我又进行改了。
还是老办法,进行样式修改就行了,或者你也可以改里面的js。

下载wangEditor传送门

你们也可以参考此网站:http://sigechuizi.cn/article/55,不过我觉得不怎么好,所以自己就改了。

1.第一种方法:改样式
打开wangEditor.min.js,你们也可以不改压缩版的,改wangEditor.js这个比较容易,不过我是因为嫌麻烦,不想去动直接改压缩的,好了,不多说了,直接看代码。
wangEditor处理移动端插入代码弹出窗超出屏幕的解决办法搜索w-e-panel-container样式,把这个样式的left:50%;删掉,补充:margin-left:0px!important;max-width:90%;这个max-width想要多大自己设置,我是觉得这个比较好看,你们随意。
改好如下:

wangEditor处理移动端插入代码弹出窗超出屏幕的解决办法
2.修改js
还是搜索w-e-panel-container样式:

wangEditor处理移动端插入代码弹出窗超出屏幕的解决办法

这里设置想要的css值,反正跟改样式没多大区别,c.css(“样式名称”,“样式值”),你们自己设置,我就不写了。

作者是新人,有什么建议可以提出来