如何在 JHipster 项目中渲染没有 html 标签的 ngx-quill-editor 内容?
How to render the ngx-quill-editor content without html tags on JHipster project?
我是 JHipster 和 Angular6 的新手。我使用 JHipster 创建了一个项目,并为编辑器包含了 ngx-quill-editor。我可以使用此编辑器保存数据,但是当我从数据库中检索数据以显示在另一个页面上进行预览时,它会显示 HTML 标签。我不确定在保存到数据库或从数据库中检索时是否必须呈现,或者是否有任何标记在保存或检索要呈现的内容时遗漏了?
<quill-editor name="message" [(ngModel)]="message" required></quill-editor>
我没有找到关于此示例的任何教程。任何帮助将不胜感激。
谢谢!
您不应呈现消息值,而应将其显示为某个标记的 innerHtml:
<div [innerHTML]="message"></div>
看看
我是 JHipster 和 Angular6 的新手。我使用 JHipster 创建了一个项目,并为编辑器包含了 ngx-quill-editor。我可以使用此编辑器保存数据,但是当我从数据库中检索数据以显示在另一个页面上进行预览时,它会显示 HTML 标签。我不确定在保存到数据库或从数据库中检索时是否必须呈现,或者是否有任何标记在保存或检索要呈现的内容时遗漏了?
<quill-editor name="message" [(ngModel)]="message" required></quill-editor>
我没有找到关于此示例的任何教程。任何帮助将不胜感激。
谢谢!
您不应呈现消息值,而应将其显示为某个标记的 innerHtml:
<div [innerHTML]="message"></div>
看看