带有 Angular 的 Quill 表,不适用于编辑模式

Mat*_*ath 5 quill angular

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

我已经添加了这里提到的配置(当我尝试在 Angular 8 中使用我的 quill 编辑器组件注册 quill-better-table 时,我如何解决这个错误?)当我处于插入模式时,它可以工作并生成富文本,您可以过去的表格也将数据插入数据库,现在我想在编辑模式下填充数据,富文本框不显示内容。

div id="quill">
    <p>Content *</p>
    <quill-editor [styles]="editorStyle" placeholder="Enter Text" formControlName="myfieldCtrl" required>
    </quill-editor>
</div>
Run Code Online (Sandbox Code Playgroud)

Meh*_*lal 0

请遵循我关于如何在 Angular 中正确设置 Quill 的答案:

将 Quill 文本编辑器集成到 Angular 应用程序中

接下来我不确定你如何设置你的角度,但这可能是 DomSanitizer 的问题

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

在您的组件导入中:

import { DomSanitizer } from '@angular/platform-browser'
Run Code Online (Sandbox Code Playgroud)

并使函数如下所示

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

HTMLSant(html:string){
  return this.sanitizer.bypassSecurityTrustHtml(html);
}
Run Code Online (Sandbox Code Playgroud)