0.1.4 • Published 5 years ago
vue-quill-textarea v0.1.4
vue-quill-textarea
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