软件开发者和爱好者的知识分享社区
小财迷电脑收银系统 关于本站 写文章 免费注册
首页 > 计算机技术 > 前端开发 > 其他

为什么富文本编辑器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">
<?php echo($newrow['content']); ?>
</div>
</div>
友情链接: 小财迷收银系统  
Copyright © 2025 海峰软件技术. All Rights Reserved.
中华人民共和国工业和信息化部ICP备案序号:皖ICP备2025073039号