Редактор TiptAp в React полосы отмечает элементы при передаче в него текст ⇐ Javascript

[Anonymous]

Я работаю над веб -приложением, которое содержит текстовый редактор (особенно TiptAp), и выполняю некоторые операции в тексте, например, отмечать его части с элементами . Я использую расширение выделения, чтобы TiptAp распознает элемент. Вот код моего компонента React, который использует TiptAp: < /p>
import { EditorProvider } from '@tiptap/react';
import StarterKit from '@tiptap/starter-kit';
import Placeholder from '@tiptap/extension-placeholder';
import Link from '@tiptap/extension-link';
import Highlight from '@tiptap/extension-highlight';
import EditorToolbar from './EditorToolbar';

const Tiptap = (props) => {
const extensions = [
StarterKit,
Highlight,
Link.configure({
protocols: ['https', 'http', 'mailto', 'tel'],
autolink: false,
defaultProtocol: 'https',
openOnClick: false,
}),
Placeholder.configure({
placeholder: "Article goes here",
}),
];
const handleUpdate = (result) => {
const content = result.editor.getHTML();
if (content !== props.content) {
props.callback(content);
}
}

console.log("text in editor:");
console.log(props.content);
return (

)
}

export default Tiptap;
< /code>
Что в порядке: < /p>

Текст, который я хочу показать в редакторе, - это в порядке, когда отображается в консоли One Line перед редактором - теги на месте < /li>
Расширение выделения работает правильно - я могу выбрать какой -то текст, и когда я нажимаю кнопку, что Fireglight in TexThight - Text in Textritor - TexThight Listhighlight. Выделено. Я попытался добавить настраиваемое расширение отметки, попытался отключить правила ввода, но без успеха.

Подробнее здесь: https://stackoverflow.com/questions/795 ... xt-into-it