vue-quill-editor-plus

Quill editor component for Vue(2) with additional features.

---

Important Note

This project is a fork of the original vue-quill-editor by surmon-china, which is no longer actively maintained. We've added some new features and improvements to keep the project up-to-date.

Links

• Original Repository: vue-quill-editor
• This Repository: vue-quill-editor-plus

New Features

Added a new feature to upload images to the server insted of adding them directly to the editor in base64 format. You can pass a prop called imageUploader to the component which is a function and it should return a promise that resolves to the image url. If no imageUploader is provided then the component will fall back to the original implementation of quill's image module.

Documentation

example usage

1<quill-editor
2  :options="editorOptions"
3  :image-uploader="imageUploadCB"
4  v-model="content"
5/>

imageUploadCB

1const imageUploadCB = (file) => {
2  return new Promise((resolve, reject) => {
3    // upload file to server and get the url
4    // resolve the url
5    resolve('https://example.com/image.jpg');
6  });
7};

1const editorOptions = {
2  modules: {
3    toolbar: [
4      ['bold', 'italic', 'underline', 'strike'],
5      ['blockquote'],
6      [{ 'header': 1 }, { 'header': 2 }],
7      [{ 'header': [1, 2, 3, 4, 5, 6, false] }],
8      [{ 'list': 'ordered' }, { 'list': 'bullet' }],
9      [{ 'color': [] }, { 'background': [] }],
10      [{ 'align': [] }],
11      ['image']
12    ]
13  }
14}

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.