[VUE插件系列] - Vue-Quill-Editor富文本编辑器

• 安装插件

npm install vue-quill-editor复制代码

• 引入vue-quill-editor库

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)复制代码

• 如何使用

<template>  
    <div class="quill">    
        <h1>Vue-Quill-Editor</h1>    
        <quill-editor v-model="content"></quill-editor>  
    </div>
</template>

<script>
export default {  
    data () {    
        return {      
            content: '<p>example content</p>'    
        }  
    }}
</script>复制代码

Vue-Quill-Editor是基于 Quill、适用于 Vue 的富文本编辑器，支持服务端渲染和单页应用。

github地址：github.com/surmon-chin…