我有一个 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)
请遵循我关于如何在 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)