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

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

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

下载wangEditor传送门

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

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

在这里插入图片描述
2.修改js
还是搜索w-e-panel-container样式:

在这里插入图片描述

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

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值