百度编辑器（UEditor）自定义内容样式

最新推荐文章于 2022-04-03 12:16:08 发布

转载最新推荐文章于 2022-04-03 12:16:08 发布 · 3.3k 阅读

文章标签：

#编辑器

个人文章专栏收录该内容

6 篇文章

订阅专栏

本文介绍了解决UEditor中图片过大导致横向滚动条出现的方法。通过修改ueditor.config.js文件和iframe.css样式，使图片自适应编辑器宽度。

部署运行你感兴趣的模型镜像

笔者在做微信编辑器的时候遇到这样的问题，当固定编辑器窗口的情况下图片太大会出现横向滚动调条，但是通过外部css并不能解决此问题，所以还需从编辑器本身入手，那么接下来就随着本文来看如何自定义内容样式。
我们先打开ueditor.config.js这个文件。找到如下代码：
//,iframeCssUrl: URL + ‘/themes/iframe.css’ //给编辑器内部引入一个css文件
去掉前面的双斜杠。
接着找到/include/ueditor/themes路径下iframe.css
/可以在这里添加你自己的css/
img{max-width:100%;};
我们通过这段css就可以让图片自适应编辑器大小，从而解决出现横向滚动条的问题，当然除了设置图片，还可以设置其他元素的样式。
转载于：http://tool.52miui.com/rjjc/wyzz/1458.html 这里写链接内容