Content rendered between less than "<this>" sign missing

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!

Something in the way you’re loading that content ends up interpreting it as HTML, I assume. That’s not something ProseMirror is responsible for.

But even in the example I gave here (which I assume is using Prose Mirror) it’s not displaying what I typed between “<” and “>”.

Trying, again, following is “content” being written between “<” and “>”:

If you mean this forum, it’s not. But it’s interpreting your message as Markdown, which allows inline HTML tags, and thus interprets angle brackets like such tags.