当前位置: 首页 > Web前端 > vue.js

vue使用vue-quill-editor实现富文本需求

时间:2023-03-31 19:18:15 vue.js

Quill富文本编辑器简单记录1、引入import{quillEditor}from'vue-quill-editor'样式文件到组件import'quill/dist/quill.core.css'import'quill/dist/quill.snow.css'将quillEditor注册为组件并写出标签editorOption:{//在这里设置quill的一些属性及其模块属性placeholder:'placeholder',modules:{toolbar:{container:toolbarOptions,theme:'snow'handlers:{//这里定义了工具栏上按钮的行为'image':(value)=>{//用户点击工具栏上的图像按钮后的行为},'link':(value)=>{//用户点击工具栏的链接按钮后的行为}}}}}onEditorReady(quill){this.quill=quill}onEditorChange({quill,html,text}){//处理富文本内容}