wangEditor富文本编辑器编写内容保存数据库前端读取引用样式不展示问题解决以及定义的特殊样式前端不展示
在使用wangEditor富文本编辑器时编辑的时候样式是可以的,当入库后前端展示出来的引用样式不展示(内容入库正常),这时候问题有以下情况:
1、是前端引入的css重定义导致的,比如一些样式重定义了,这时候前端定义样式的时候针对ul、li、ol、dd、table、p、span、div这种尽量不要用标签选择器定义样式,如果必须用标签选择器那就指定某个选择器下边的所有标签,比如:.class p{} 但是不要用body p{},也不要p{}这种方式。
2、缺少wangEditor里边的样式,比如“引用”功能时前端需要编辑标签blockquote样式,如下:
blockquote {
display: block;
border-left: 8px solid #d0e5f2;
padding: 5px 10px;
margin: 10px 0;
line-height: 1.4;
font-size: 100%;
background-color: #f1f1f1;
}
比如当前行文字后台编辑了“引用”样式
如果是插入的代码不高亮请参考文章:https://www.yj521.com/article/2.html