美文网首页工作生活
quill富文本编辑器

quill富文本编辑器

作者: 小白白呐 | 来源:发表于2019-07-04 16:34 被阅读0次

利用quill-editor组件写的富文本:

1. 查阅资料安装以后,在利用element插件的时候同时使用quill

2. 引入

3.工具栏

4. quill提供的方法,这几个需写在methods里边

5. 需要获取输入的内容回显在element table里边

重点是把显示的内容放在这个里边

<div class="ql-container ql-snow">

              <div class="ql-editor">

                <div  v-html="scope.row.article"></div>

              </div>

            </div>

显示效果如下:会有边框,

如果不想要边框,可把class="ql-container ql-snow"去掉

显示效果如下:

相关文章

网友评论

    本文标题:quill富文本编辑器

    本文链接:https://www.haomeiwen.com/subject/mayrhctx.html