如何使用Quill转义div的现有内容？

Question

我不使用ngQuill或类似的东西。

我可以使用此代码实例化一个羽毛笔编辑器

ctrl.containerElement = $element[0].querySelector('.js-textarea');
ctrl.editor = new Quill(ctrl.containerElement, {
        theme: 'bubble',
        modules: {
            toolbar: toolbarOptions
        }
});

我注册了一个自定义污点，以允许用户将uiTag（自定义组件）放入此编辑器。效果很好。

但是，如果我的容器元素在实例化之前包含uiTag，则会抛出错误：

<div class="c-ui-content-editable__textarea js-textarea">
      <b>Hi chicken</b>oijzdiojzoijzd
      <p>
          <ui-tag color="'secondary'">
              <s-label>firstName lastName</s-label>
          </ui-tag>
      </p>
</div>

错误为TypeError: Cannot read property 'childNodes' of undefined

很明显，如果我删除uiTag，即Quill正确解析的现有内容。

您有任何解析现有内容的想法吗？