vue项目中使用富文本编辑器

1,488 阅读1分钟
npm安装
    npm install vue-quill-editor
    npm install quill
    
main.js引入

    import Vue from 'vue'
    import VueQuillEditor from 'vue-quill-editor'
    import 'quill/dist/quill.core.css'
    import 'quill/dist/quill.snow.css'
    import 'quill/dist/quill.bubble.css'
    Vue.use(VueQuillEditor)
    
页面中使用

    <quill-editor 
    class="content" 
    v-model="content" 
    ref="myQuillEditor" 
    :options="editorOption"
    @blur="onEditorBlur($event)"
    @focus="onEditorFocus($event)"
    @change="onEditorChange($event)">
    </quill-editor>

data数据配置

方法处理

更多详细配置请见: github.surmon.me/vue-quill-e…