Vue+Element UI使用富文本编辑器案例

npm安装编辑器组件

具体方法：npm install vue-quill-editor –save

具体实现
1.在components文件夹里创建editor.vue组件，具体代码如下：

 

2.页面使用富文本编辑器：
首先引入编辑器组件
import { quillEditor } from “vue-quill-editor”; //调用编辑器

3.样式引入
import ‘quill/dist/quill.core.css’
import ‘quill/dist/quill.snow.css’
import ‘quill/dist/quill.bubble.css’

4.使用

           

             
             
           

         

 

5.js部分

data() {
   return {
       editorOption: {}
    },

 

components: {//使用编辑器
   quillEditor
  }

 

 computed: {
   editor() {
    return this.$refs.myQuillEditor.quill
   }

 

 methods: {
   onEditorReady(editor) {
   },

简单粗暴的表述，希望对你有所帮助！加油