自定义标签纤管编辑器

Question

我正在尝试使用内部HTML创建自定义标签。 在按钮触发器上插入主轴编辑器中。 该标记是以下标记：

<location style="
          display:block;
          background: #F9F9F9; 
          border-radius: 10px; 
          padding: 10px; 
          border: 10px double #0079be;">
<h1> Park Bar </h1>
</location>

我正在做以下事情：

class Location extends Embed {
    static create(value) {
        let node = super.create(value);
        node.setAttribute("style", "display:block;background: #F9F9F9; border-radius: 10px; padding: 10px; border: 10px double #0079be;");
        return node;
    }
}

Location.blotName = 'location'; //now you can use .ql-hr classname in your toolbar
Location.className = 'my-location';
Location.tagName = 'location';

Quill.register({
        "formats/hr": Hr,
        "formats/location":Location
    });

let quill = new Quill("#container", {
    modules: {
        syntax: true,
        toolbar: {container: "#container",
                  handlers: {
                    "hr": customHrHandler,
                      "location":customLcHandler
                  }
        }
    },
    placeholder: "Edit splashscreen",
    theme: "snow"
});

到目前为止，如果我单击按钮，它会将位置块添加到编辑器。 如何为“节点”对象设置内部内容？那可能吗？那是这样做的方法吗？在节点上没有任何文档（找不到）。

我应该在节点内实现一个节点吗？

谢谢