[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…