目标:本想改变ueditor写入数据库的样式的,用了几个方法都不行
已经尝试过的方法:
1.修改源代码,找到下面文件,搜索“customstyle” 改变里面的样式,不行,也许在别的地方还有定义,有时间再研究下。
ueditor\ueditor.all.js
2.第二种方法,就是下面最终方案的前3步,实际上没有改变写入数据库的样式,所以需要第四步在前端再引入一下!
最终解决方案:
第一步:找到下面css,写入自定义的样式
ueditor\themes\iframe.css
第二步:找到这个配置文件
ueditor\ueditor.config.js
第三步:在ueditor.config.js内搜索 “themes/iframe.css” ,打开前面的注释双斜杠
themes/iframe.css
第四步:在前端引入同样的css文件,
<link rel="stylesheet" href="__INDEX__/style/newueditor.css" type="text/css" />
注意:这个前端css文件和编辑器的css文件不是一个,
要在最前面加最外层的div元素的class类,防止样式冲突
/*百度编辑器样式前端更新*/
.entry h1{
padding:0 4px 20px 0 !important;
}
简单讲:
1.后端编辑器引入一个css文件并在配置中开启,
2.前端也引入一个css文件,防止样式冲突,最外层加div的className