How to keep the dom structure of nested html

[wkl007]

Hi everyone, I just started to learn TipTap. I have a problem, how to keep the dom structure of nested html . This is the test url.

I create a SpanMark

const SpanMark = Mark.create({
  name: "SpanMark",
  priority: 110,
  parseHTML() {
    return [
      {
        tag: "span",
      },
    ];
  },
  renderHTML() {
    return ["span", mergeAttributes({}), 0];
  },
});

I set the TipTap content:

<span>123<span>456</span></span>

Tiptap analysis result is:

<span>123456</span>

I want to get the result:

<span>123<span>456</span></span>

Please help me , Thank you so much !!!

[philippkuehn]

Marks can’t be nested. You probably want to register an inline node for it.

[wkl007]

@philippkuehn Sorry I don't how to register an inline node for it. Can you provide a demo code?

[philippkuehn]

Node.create({
  // ...
  inline: true,
})

[wkl007]

Thank you so much

[CarlMenke]

hey @wkl007 any chance you could share your final solution?

[fpernin-bkg]

Yes i would like to see the result and script