Событие froalaEditor.image.uploaded не запускается

Question

В документации froala указано, что событие froalaEditor.image.uploaded запускается после успешного запроса на загрузку изображения, но до его вставки в редактор.https://www.froala.com/wysiwyg-editor/docs/events#image.uploaded

однако, как вы можете видеть из моего jsfiddle, это событие не вызывается.

https://jsfiddle.net/kzr67tdw/1/

html

<div id="froala-editor">
    <p>Click on the image below to see the custom image button.</p>
    <img src="https://froala.com/assets/editor/docs/photo14.jpg" class="fr-fil" alt="book" width="150"/>
</div>

JS

$('div#froala-editor').froalaEditor({
  // Set image buttons, including the name
  // of the buttons defined in customImageButtons.
  imageEditButtons: ['imageDisplay', 'imageAlign', 'imageInfo', 'imageRemove'],
}).on('froalaEditor.image.uploaded', function (e, editor, response) {
    alert(response)
});

Есть ли другой способ вызвать это событие?

Answer 1

По умолчанию редактор загружает в память браузера, поэтому событие image.uploaded не вызывается.Вы можете увидеть, как он запускается при загрузке на сервер здесь: https://jsfiddle.net/froala/jyd91up5/

JS

$('div#froala-editor').froalaEditor({
    imageEditButtons: ['imageDisplay', 'imageAlign', 'imageInfo', 'imageRemove'],
    imageUploadURL: 'https://i.froala.com/upload?1'
}).on('froalaEditor.image.uploaded', function (e, editor, response) {
    alert('after', response);
}).on('froalaEditor.image.beforeUpload', function (e, editor, response) {
    alert('before', response);
});