Javascript 羽毛笔插入文本生成TypeError:n.appendChild不是函数

我计划在我的网站上实现Quill，但不幸的是，insertText函数产生了以下结果：

TypeError: n.appendChild is not a function shadow.ts:150
    wrap shadow.ts:150
    formatAt shadow.ts:70
    format embed.ts:26
    value cursor.js:25
    formatAt embed.ts:30
    formatAt container.ts:98
    forEachAt linked-list.ts:114
    formatAt container.ts:97
    formatAt block.ts:42
    value block.js:78
    value cursor.js:35
    value selection.js:110
    value quill.js:157
    a quill.js:437
    value quill.js:149
    value toolbar.js:101

我扩展了文本污点，并尝试使用文档复制除法器代码，但输出结果只是向编辑器打印true

JS

HTML元素：

<div class="col-md-11">
    <div id="msgText"></div>
</div>

输出

据我所知，我正确地使用了羽毛笔，所以我不确定为什么会产生这种错误。我正在使用他们页面上提供的

我正在扩展文本污点并尝试使用文档 注释从这里复制除法器代码，但输出结果仅为 按编辑的要求打印

在介绍如何克隆培养基的链接中，没有创建扩展斑点/文本的斑点。使用blots/block/embed创建。基本上，可以创建3种类型的污点：

为了帮助你更好地理解我在说什么，我建议你读一点关于

现在，关于你的问题本身。。。从您的示例中可以看到，您刚刚创建了一个blot，但没有向其添加任何行为，并且您已经将创建的blot标记名称设置为name。在HTML中的所有现有标记中，没有一个具有名称。看：

您给标记名的名称将是用于结果的HTML标记，即您的污点将代表什么。例如，如果要添加标记名，则需要为标记名指定IMG值。对于a，可以使用h1、h2、h3等等

看着你的代码，看到上面写的名字标签，我觉得你只是想添加一些样式化的文本。是吗？如果这是您的情况，请查看以下示例：

让Inline=Quill.import'blots/Inline'； 类SchoolNameBlot扩展为内联{ //在这种特殊情况下，重写此方法是什么 //使Quill作为内容返回的增量 //所需的信息。 静态formatsdomNode{ 类列表。包含“我的风格”{ 返回true； } 否则{ 返回super.formatsdomNode； } } 格式{ //将此类的格式列表返回此格式。 让formats=super.formats； //Inline有domNode引用，它位于 //大小写表示标记名中定义的范围和结果。 格式['tag-name']=SchoolNameBlot.formatsthis.domNode； //在上面的代码中，我们似乎正在添加这种新格式。 返回格式； } } SchoolNameBlot.blotName='tagname'； SchoolNameBlot.tagName='span'； SchoolNameBlot.className=‘我的风格’； 羽毛笔标记； $document.readyfunction{ var-toolbarOptions={ 容器：['bold'，'italic']，['link'，'image'，'tag name']， 处理程序：{ “标记名”：函数{ this.quill.insertText0，'Hello'，'tagname'，true； } } }; var quill=新的quill'editor'{ 主题:"雪",， 模块：{ “工具栏”：工具栏选项 } }; }; .我的风格{ 背景：RGB254255171； 边界半径：2px； 填充：2px2px； } 说明：

按下“添加图像”按钮旁边没有图标的不可见按钮。 我正在扩展文本污点并尝试使用文档 注释从这里复制除法器代码，但输出结果仅为 按编辑的要求打印

在介绍如何克隆培养基的链接中，没有创建扩展斑点/文本的斑点。使用blots/block/embed创建。基本上，可以创建3种类型的污点：

为了帮助你更好地理解我在说什么，我建议你读一点关于

现在，关于你的问题本身。。。从您的示例中可以看到，您刚刚创建了一个blot，但没有向其添加任何行为，并且您已经将创建的blot标记名称设置为name。在HTML中的所有现有标记中，没有一个具有名称。看：

您给标记名的名称将是用于结果的HTML标记，即您的污点将代表什么。例如，如果要添加标记名，则需要为标记名指定IMG值。对于a，可以使用h1、h2、h3等等

看着你的代码，看到上面写的名字标签，我觉得你只是想添加一些样式化的文本。是吗？如果这是您的情况，请查看以下示例：

让Inline=Quill.import'blots/Inline'； 类SchoolNameBlot扩展为内联{ //在这种特殊情况下，重写此方法是什么 //使Quill作为内容返回的增量 //所需的信息。 静态formatsdomNode{ 类列表。包含“我的风格”{ 返回true； } 否则{ 返回super.formatsdomNode； } } 格式{ //将此类的格式列表返回此格式。 形成 ats=超级格式； //Inline有domNode引用，它位于 //大小写表示标记名中定义的范围和结果。 格式['tag-name']=SchoolNameBlot.formatsthis.domNode； //在上面的代码中，我们似乎正在添加这种新格式。 返回格式； } } SchoolNameBlot.blotName='tagname'； SchoolNameBlot.tagName='span'； SchoolNameBlot.className=‘我的风格’； 羽毛笔标记； $document.readyfunction{ var-toolbarOptions={ 容器：['bold'，'italic']，['link'，'image'，'tag name']， 处理程序：{ “标记名”：函数{ this.quill.insertText0，'Hello'，'tagname'，true； } } }; var quill=新的quill'editor'{ 主题:"雪",， 模块：{ “工具栏”：工具栏选项 } }; }; .我的风格{ 背景：RGB254255171； 边界半径：2px； 填充：2px2px； } 说明：

按下“添加图像”按钮旁边没有图标的不可见按钮。

---

这是非常令人印象深刻的细节

<div class="col-md-11">
    <div id="msgText"></div>
</div>