Hello there!
I’m using an Editor wrapper in React TypeScript called TipTap (Editor Class | Tiptap Editor Docs) which mentions the use of ProseMirror as the built in text editor.
I’m simply trying to display text in a text area which supports dynamic highlighting and interaction with highlighted text, but when receiving any text containing characters between these signs “<”, “>” nothing is rendered.
So for example, this piece of text data:
- “This is
<an example of>
an issue” Shows up in the rendered text area as: - “This is an issue”
I searched around quite a bit and didn’t find any configuration within both TipTap and ProseMirror, or event HTML to make it display 100% of the content.
If it’s relevant, this is how I’m building the editor in the code:
const editor = useEditor(
{
extensions,
content,
editable: false,
parseOptions: {
preserveWhitespace: "full",
},
[editingState],
);
return (
<EditorContent
editor={editor}
/>);
Thank you in advance for your time and assistance!