NoelOConnell / quill-image-uploader

A module for Quill rich text editor to allow images to be uploaded to a server instead of being base64 encoded
MIT License
237 stars 95 forks source link

Error: [Parchment] Unable to create imageBlot blot #92

Open lalalasi opened 1 year ago

lalalasi commented 1 year ago
<QuillEditor 
      v-model:content="form.content" 
      :toolbar="toolbar"
      :modules="modules"
      ref="qlEditorRef" 
      content-type="html"
      theme="snow" 
      style="height: 250px; overflow: hidden;" 
  />

import { QuillEditor } from '@vueup/vue-quill'
import BlotFormatter from 'quill-blot-formatter';
import ImageUploader from "quill-image-uploader";
import '@vueup/vue-quill/dist/vue-quill.snow.css';

const toolbar = [
    [{ 'align': [ '', 'center', 'right', 'justify'] }],
    ['image']
]
const modules = [
    {
        name: 'imageUploader',
        module: ImageUploader,
        options: {
            name: 'image',
            upload: file => {
                console.log(file)

                return new Promise((resolve, reject)=>{
                    setTimeout(() => {
                        resolve('https://bt-hangzhou.oss-cn-hangzhou.aliyuncs.com/jungong/20230627/test2a341f04c96084c0e8775d78361be088b.jpg')
                    }, 3500);
                })                
            }
        }
    }
]

"quill": "^1.3.7", "quill-blot-formatter": "^1.0.5", "quill-image-uploader": "^1.3.0", 报这个错怎么解决,救救我

SDemonUA commented 1 year ago

Have you tried to add formats: [... , 'imageBlot'] ?