How to create a custom syntax that can render a wrapper DOM node for inner content

[backrunner]

I want to create a syntax like "!annotation(content)" to mark a part of content as an annotation.
I used the solution in https://github.com/orgs/Milkdown/discussions/1674 to create a plugin for the custom syntax, and it can create the right DOM nodes when the content is pure text.
But when I inserted a content like this:

!annotation(text `inline code content` text)

It will only rendered the inline code content, the "!annotation" syntax rendered as normal text directly, how should I deal with the nested syntax and create a wrapper for the inner nodes?

[backrunner]

Hi there, I also tried to use the decoration based on ProseMirror, but it still difficult to create a "wrapper" to wrap the inner tags, it can only create a wrapper for the tags separately, which will cause a break in the interaction.
Is there any better way to create a wrapper DOM for a bunch of tags? Or the only way I can do is to modify the underlying render mechanism?