Я строю приложение чата с довольным Div, чтобы разрешить богатый текстовый ввод. Я манипулирую текстом во время событий вставки и падения для форматирования или дезинфекции ввода перед вставкой. Полем Похоже, что нативная история отмены браузера нарушается после того, как я изменяю программное изменение. < /P>
Вот соответствующий код: < /p>
const handleTextManipulation = (event, text) => {
if (event.type === 'paste' || event.type === 'drop') {
event.preventDefault();
const selection = window.getSelection();
if (!selection.rangeCount) return;
const range = selection.getRangeAt(0);
range.deleteContents();
// Manipulate the text before inserting
const modifiedText = text.toUpperCase(); // Example manipulation: convert to uppercase
const textNode = document.createTextNode(modifiedText);
range.insertNode(textNode);
// Move the caret to the end of the inserted text
range.setStartAfter(textNode);
selection.removeAllRanges();
selection.addRange(range);
}
};
< /code>
Что я пробовал: < /strong> < /p>
Использование Document.execcommand ('inserttext' ): Это помогает сохранить некоторое собственное поведение, но функция execcommand устарела. чувствует себя избыточным
, так как браузеры не направлены на себя изначально. >
Как я могу гарантировать, что Ctrl+z (undo) продолжает работать должным образом после
манипулирование вставленным или сброшенным текстом в довольном div? < /li>
Есть рекомендуемый способ вставить модифицированный текст без нарушения
Нативный стек браузера? < /li>
< /ol>
Подробнее здесь: https://stackoverflow.com/questions/794 ... or-dropped
