w-quill-vue

w-quill-vue

A wrapper for vue-quill-editor.

Documentation

To view documentation or get support, visit docs.

Example

To view some examples for more understanding, visit examples:

default: ex-default.html [source code]

Installation

Using npm(ES6 module):

npm i w-quill-vue

By import:

<w-quill-vue 
    v-model="..."
></w-quill-vue>

import WQuillVue from 'w-quill-vue'

Vue.component('w-quill-vue', WQuillVue)

In a browser(UMD module):

Add script for quill.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/quill@1.3.6/dist/quill.snow.min.css" />
<script src="https://cdn.jsdelivr.net/npm/quill@1.3.6/dist/quill.min.js"></script>

Add script for vue.

<script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.min.js"></script>

Add script for w-quill-vue.

<script src="https://cdn.jsdelivr.net/npm/w-quill-vue@2.0.28/dist/w-quill-vue.umd.js"></script>

Directly use:

<w-quill-vue 
    v-model="..."
></w-quill-vue>

Vue.component('w-quill-vue', window['w-quill-vue'])

new Vue({
    el: '#app',
    data: {
        content: 'abc中文123'
    }
})