vue-quill-textarea

A rich-text editor based on quill.js and vue.

Install

npm install vue-quill-textarea --save
# or
yarn add vue-quill-textarea

Uaage

<template>
  <div id="app">
    <VueQuillEditor
      v-model="content"
      action="http://www.yourwebsite.com/upload/images"
      :headers="{ token: 'some-auth-token' }">
      :container="container"
    </VueQuillEditor>
  </div>
</template>

<script>
import VueQuillEditor from 'vue-quill-textarea';

export default {
  name: 'your-component-name',
  components: {
    VueQuillEditor,
  },
  data () {
    return {
      content: '',
      container: [
        ['bold', 'italic', 'underline', 'strike'],
      ],
    }
  },
}
</script>

Props

| prop | meaning | | ----------- | ------------------------ | | value | v-model | | container | Quill toolbar container | | action | The image upload url. | | name | The file key in formData | | headers | Image upload header | | formData | Extra formData | | size | The file upload limit | | placeholder | Editor placeholder |

Events

• input
• change
• blur
• focus
• uploadStart
• uploadEnd
• uploadError
• uploadSuccess