vue中使用element-editor富文本编辑器

最新推荐文章于 2024-09-10 10:55:39 发布

zhao_rui_han

最新推荐文章于 2024-09-10 10:55:39 发布

阅读量2.1k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/zrh012525/article/details/108164221

版权

首先进行行安装
npm install vue-quill-editor --save
然后进行引入
//页面中引入
import { quillEditor } from ‘vue-quill-editor’
main.js中引入
import Vue from ‘vue’
import VueQuillEditor from ‘vue-quill-editor’
//关于css
import ‘quill/dist/quill.core.css’
import ‘quill/dist/quill.snow.css’
import ‘quill/dist/quill.bubble.css’
页面中写入

<el-button type=“primary” @click=“submit”>提交
export default{
components: {
quillEditor
},
data () {
return {
content: ‘’,
editorOption: {}
}
},
methods: {
submit () {
console.log(this.$refs.text.value)
}
}

}
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200822100411139.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pyaDAxMjUyNQ==,size_16,color_FFFFFF,t_70#pic_center)