Vue2封装的Quill富文本编辑器组件Vue-Quill-Editor代码实例
1、安装
npm install vue-quill-editor --save
2、使用
<!-- -->
<quill-editor ref="myTextEditor"
:content="content"//内容对应的字段
:options = "editorOption"
@change="onEditorChange($event)">//内容改变事件
</quill-editor>
export default {
components: {
quillEditor
},data(){
content:""
},methods: {
<span style="white-space:pre"> </span> onEditorChange({ editor, html, text }) {//富文本编辑器 文本改变时 设置字段值
<span style="white-space:pre"> </span> this.content = html
<span style="white-space:pre"> </span> }
<span style="white-space:pre"> </span>}}
- 上一篇：go语言：godoc
- 下一篇：BFC使用详解
相关文章
图文推荐
- 文章
- 推荐
- 热门新闻