Модуль обработчика изображений React Quill, вызывающий проблемы с редактированием - PullRequest
0 голосов
/ 20 января 2020

Я использую 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

Правильно ли я пишу пользовательский модуль?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...