我有一个 Angular 应用程序,我有一个表单并使用了 quill-better-table (https://www.npmjs.com/package/quill-better-table https://www.npmjs.com/package/quill-better-table)
我已经添加了此处提到的配置(每当我尝试在 Angular 8 中使用我的 quill 编辑器组件注册 quill-better-table 时,如何解决这个错误? https://stackoverflow.com/questions/58701585/how-do-i-fix-this-error-i-get-whenever-i-try-to-register-quill-better-table-with)
当我处于插入模式时,它可以工作并生成富文本,您可以通过表格将数据插入数据库
现在当我想在编辑模式下填充数据时,富文本框不显示内容。
div id="quill">
<p>Content *</p>
<quill-editor [styles]="editorStyle" placeholder="Enter Text" formControlName="myfieldCtrl" required>
</quill-editor>
</div>
请遵循我关于如何在 Angular 中正确设置 Quill 的答案:
将 Quill 文本编辑器集成到 Angular 应用程序中 https://stackoverflow.com/questions/57631897/integrating-quill-text-editor-in-an-angular-application/59429710#59429710
接下来我不确定你如何设置你的角度,但这可能是 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);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)