wangeditor自适应移动端,只需两步

wangeditor自适应移动端,只需两步

解决wangeditor这个自适应移动端,只要改动样式就可以了,自己百度了下这个自适应,但是觉得太麻烦,不怎么好改,所以自己改了,大家也可以参考网上的解决办法:http://sigechuizi.cn/article/55

wangeditor下载:https://github.com/wangfupeng1988/wangEditor/releases

我们先引入相关的js:
wangeditor自适应移动端,只需两步<div id="edito"></div>就可以引入编辑器了:
wangeditor自适应移动端,只需两步
PC端其实还好,但是移动端就不行了,所以我们改动css样式即可。
打开wangEditor.min.js这个文件,可能有点难找,从最后开始找起:
1.找到.w-e-toolbar这个样式,把display:flex删掉;
wangeditor自适应移动端,只需两步2.再找到.w-e-toolbar .w-e-menu这个样式,添加display: inline-block;上去就行了,ojbk
wangeditor自适应移动端,只需两步如图:
wangeditor自适应移动端,只需两步
这个编辑器外观还是不错的,性能上还没有,不知道怎么样,有大佬希望给出建议下!!