Vue2 封装的 Quill 富文本编辑器组件 Vue-Quill-Editor

1、安装  

npm install vue-quill-editor --save
2、使用
引入vue-quill-editor
import { quillEditor } from 'vue-quill-editor'
//内容改变事件
							

export default {
  	components: {
    	quillEditor
   },data(){
     content:""
},methods: {
	    onEditorChange({ editor, html, text }) {//富文本编辑器  文本改变时 设置字段值
	        this.content = html
	    }
	}}

Vue2 封装的 Quill 富文本编辑器组件 Vue-Quill-Editor_第1张图片
参考文章:https://www.awesomes.cn/repo/surmon-china/vue-quill-editor
 

你可能感兴趣的:(web前端开发)