🐛 [Bug]: file and image upload

[grekpg]

Version

3.24.0

Link to minimal reproduction

uploadOption: {
// Jedna funkcja, która obsługuje każdy plik,
// niezależnie czy to obraz, wideo czy inny plik
imageUpload: ({ file, callback }) => {
this.uploadHandler('image',file, callback);
},

            // 3) Obsługa plików dowolnych (pdf, docx, itp.)
            fileUpload: ({ file, callback }) => {
                console.log('file upload');
                this.uploadHandler('file',file, callback);
            },
        },
        
        
        file upload is not fired

Step to reproduce

copy code

uploadOption: {
// Jedna funkcja, która obsługuje każdy plik,
// niezależnie czy to obraz, wideo czy inny plik
imageUpload: ({ file, callback }) => {
this.uploadHandler('image',file, callback);
},

            // 3) Obsługa plików dowolnych (pdf, docx, itp.)
            fileUpload: ({ file, callback }) => {
                console.log('file upload');
                this.uploadHandler('file',file, callback);
            },
        },

What is expected

copy code

What is actually happening

No response

What is your project name

test

Any additional comments (optional)

No response

[kagol]

@grekpg You need to set modules: { file: true }, for example:

editor = new FluentEditor('#editor-file-upload-to-server', {
  theme: 'snow',
  modules: {
    toolbar: TOOLBAR_CONFIG,
    file: true, // this is important!!!
  },
  uploadOption: {
    fileUpload: ({ file, callback }) => {
      // Upload file to server, get fileUrl: https://calibre-ebook.com/downloads/demos/demo.docx
      callback({
        fileUrl: 'https://calibre-ebook.com/downloads/demos/demo.docx',
      })
    },
  },
})

more details: https://opentiny.github.io/fluent-editor/docs/file-upload