当前位置: 首页 > Web前端 > HTML5

vue-quill-editor富文本编辑器

时间:2023-04-05 01:28:30 HTML5

工作中使用富文本编辑器你肯定会遇到接下来我们来了解一下vue-quill-editor注意:本项目是在vue脚手架中搭建的1.下载npminstallvue-quill-编辑器--保存2。配置1)在main.js中引入importvueQuillEditorfrom'vue-quill-editor'//引入富文本工具2)在main.js中使用Vue.use(vueQuillEditor)3.创建vue文件1)添加quill-editor元素2)项目中显示,importHeimportvueQuillEditorfrom'./vueQuillEditor.vue'components:{'v-vueQuillEditor':vueQuillEditor}你也可以为他添加css样式4)如果你想获取输入内容你可以绑定v-model并添加一个更改时间5)像这样在js中写exportdefault{data(){return{progs:''}},methods:{ssss:function(){console.log(this.progs)}}}5)这个就可以用了我也遇到了上传图片的问题和汉化的问题。我稍后会上传代码。