inline - 有没有办法为 quill js 构建一个嵌套的内联印迹？

Question

我想要创造的是这样的：

<span class="sidenote">
    <input
        aria-label="Show sidenote"
        type="checkbox"
        id="sidenote__checkbox--1"
        class="sidenote__checkbox"
    />

    <label
        tabindex="0"
        title="Sidenote content"
        aria-describedby="sidenote-1"
        for="sidenote__checkbox--1"
        class="sidenote__button sidenote__button--number-1"
    >
        Sidenote label
    </label>
    <small id="sidenote-1" class="sidenote__content sidenote__content--number-1">
        <span class="sidenote__content-parenthesis"> (sidenote: </span>
        Sidenote content
        <span class="sidenote__content-parenthesis">)</span>
    </small>
</span>

我是新来的羽毛笔，仍在探索。我现在能做的就是像这样创建一个 html 标签：

class CommentBlot extends Inline {
        static create(value) {
            let node = super.create();
            node.setAttribute('id', value.id);
            node.setAttribute('href', value.url);
            node.setAttribute('class', value.class);
            node.setAttribute('target', '_blank');
            return node;
        }

        static formats(node) {
            return {
                id: node.getAttribute('id'),
                href: node.getAttribute('href'),
            };
        }
    }
    CommentBlot.blotName = 'comment';
    CommentBlot.tagName = 'a';

    Quill.register(CommentBlot);

基本上我想创建一个带有子元素的标签，比如等。