如何把quill过滤html,如何在编辑器外部将Quill文本格式化为HTML?

我有一个将Quill编辑器的内容发布到PHP脚本的表单。然后PHP脚本将文本保存到数据库。可以在以后将相同的文本加载到Quill编辑器中。这一切都很好,并按预期显示。

仅供参考我正在使用的代码如下:

var quill = new Quill('#editor-container', {

modules: {

toolbar: [

['bold', 'italic', 'underline'],

[{ list: 'ordered' }, { list: 'bullet' }]

]

},

theme: 'snow'

});

var form = document.querySelector('form');

form.onsubmit = function() {

var description = document.querySelector('input[name=editor1]');

description.value = JSON.stringify(quill.getContents());

return true;

};

if (isset($description)) {

?>

quill.setContents(=$description?>);

}

?>

问题在于:

每次我想要显示使用Quill编辑器生成的文本时,我都不想加载Quill编辑器。我希望能够在普通网页上显示此文本,使用HTML格式化。

例如,如果有人在Quill编辑器中输入以下内容:

hello

- this is in a list

***bye!***

我希望能够获得输出:

{"ops":[{"insert":"hello\nthis is in a list"},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"italic":true,"bold":true},"insert":"bye!"},{"insert":"\n"}]}

并以某种方式将其转换为等效的HTML,即

hello

  • this is in a list

bye!

有没有办法开箱即用?

感谢您的帮助。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值