Я использую React Quill в качестве текстового редактора. Это работает нормально, пока я не добавлю пользовательский обработчик изображений. Если я добавлю обработчик изображения, как показано ниже, я не смогу печатать в редакторе. Печатание теряет фокус на каждом нажатии клавиши.
const modules = {
toolbar: {
container: [
[{'header': [3, 4, 5, 6, false]}],
['bold', 'italic', 'underline', 'strike', 'blockquote', 'code'],
[{color: []}, {background: []}],
[{'list': 'ordered'}, {'list': 'bullet'}, {'indent': '-1'}, {'indent': '+1'}],
['link', 'image'],
['clean']
],
handlers: {
image: imageHandler
}
},
clipboard: {
// toggle to add extra line breaks when pasting HTML:
matchVisual: false,
}
};
function imageHandler() {
console.log("custom image handler");
}
Если я закомментирую image: imageHandler
, редактор работает отлично. Вот пример codesanbox
Правильно ли я пишу пользовательский модуль?