После того, как я вставил изображение в contenteditable
, я заметил, что ref()
не может догнать вставленное изображение в текст.
- Перейдите по ссылке: https://codesandbox.io/s/zealous-ardinghelli-b05ph
- Поместите курсор в текст
- Нажмите кнопку ВСТАВИТЬ ИЗОБРАЖЕНИЕ МЕЖДУ ТЕКСТОМ.
- Обратите внимание на показанный
ref()
под кнопкой
const insertImgTag = () => {
const image =
'<img class="separator" src="/text-image.png" width="27px" height="19px">';
let sel, range, node;
if (window.getSelection) {
sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
range = window.getSelection().getRangeAt(0);
node = range.createContextualFragment(image);
range.insertNode(node);
}
} else if (document.selection && document.selection.createRange) {
document.selection.createRange().pasteHTML(image);
}
};
обратите внимание на изображение выше, показанный ref()
по-прежнему считает <img>
как один, а не два, как текст