首页
> 计算机技术
> 前端开发
> 其他
为什么富文本编辑器Quill前端显示和后台编辑器中不一致,甚至没有效果
原创 lihf8515于2025年01月21日 08:54发表
来源:本站 阅读:216
我们在使用轻量级富文本编辑器Quill时,会发现前端html页面显示出来的效果和在后台编辑器中效果完全不同,甚至没有一点样式效果,这是什么原因呢?
其实,是我们没有搞清楚Quill的用法,Quill官方文档中也没有说明,这里,我把正确显示富文本效果的方法总结如下:
首先,我们要用一个div标签作为外层标签,其类名一定要指定为ql-container和ql-snow,另外我们在里面还要加一层div标签,类名指定为ql-editor。这三个类名只指定其一或者都不指定,则效果就会有出入。
切记切记!
具体示例代码如下:
<div class="ql-container ql-snow">
<div class="ql-editor">
</div>
</div>
阅读排行榜