Quill table 和 Angular，无法在编辑模式下工作

Question

我有一个 Angular 应用程序，我有一个表格并使用了 quill-better-table (https://www.npmjs.com/package/quill-better-table)

我添加了此处提到的配置 () 当我处于插入模式时，它会工作并生成富文本，您可以通过 tables 还将数据插入数据库现在我想在编辑模式下填充数据时，富文本框不显示内容。

div id="quill">
    <p>Content *</p>
    <quill-editor [styles]="editorStyle" placeholder="Enter Text" formControlName="myfieldCtrl" required>
    </quill-editor>
</div>

Answer 1

我在尝试将其中包含表格的现有 html 数据呈现给 quill 编辑器时遇到了同样的问题。我最终使用了 clipboards' dangerouslyPasteHTML method.

Answer 2

在此处按照我关于如何在 Angular 中正确设置 Quill 的回答进行操作：

接下来我不确定你是如何设置你的 angular 但它可能是 DomSanitizer

的问题

我在这里举了一个如何使用 DomSanitizer 的例子，内容是 quill

在您的组件导入中：

import { DomSanitizer } from '@angular/platform-browser'

并制作如下所示的函数

displayNewsfeed(newsfeed: INewsfeed) {
  this.onenewsfeed = newsfeed[0];
  this.textContent = this.HTMLSant(newsfeed[0].NewsfeedContent);
}

HTMLSant(html:string){
  return this.sanitizer.bypassSecurityTrustHtml(html);
}

Quill table 和 Angular，无法在编辑模式下工作

Quill table with Angular, not working on edit mode

quill

angular