Intergrate Quill editor in Vue.js 2 projects

Vue-Quill-Editor

A component for Vue 2.x to help you use the Quill editor in your apps. It has all the features of the Quill editor, headings size, font styles, blockquotes, list, links, images etc.

Demo

Example

Install

npm install vue-quill-editor --save

You can import the editor directly into your vue file

App.vue

import { quillEditor } from 'vue-quill-editor'

export default {
  data () {
    return {
      name: 'app',
      content: '<h2>Example</h2>',
      editorOption: {}
    }
  },
  components: {
    Hello,
    quillEditor
  }
}
</script>

  <div id="app">
    <quill-editor ref="myTextEditor"
                v-model="content"
                :config="editorOption">
        </quill-editor>
  </div>

This is the result using the code above:

To add your own config, visit the Quill API..

Check it out on GitHub.