首页 > 解决方案 > 角度的 HTML 格式文本

问题描述

我是 Angular 的新手,我正在建立一个博客网站。现在,为用户提供了 tinymce 编辑器,他们可以在其中以某种预定义的格式编写内容。

写博客的用户

现在无论用户写什么,它都会以下列格式存储在数据库中。

存储的格式化数据

如何以与用户撰写博客的格式完全相同的格式呈现相同格式的数据?我无法处理前端的 html 标签以进行显示。我正在使用一张简单的卡片来显示它。我应该采取任何其他方法或我做错了什么?

标签: htmlangulartinymce

解决方案


任何人都可以帮助我以与用户撰写博客的格式完全相同的格式在 angular front 中呈现相同的格式数据吗?

如果我理解正确,您需要的是 innerHTML 指令:

 <div [innerHTML] = "HTMLasString"></div>

其中 HTMLasString 是将 HTML 内容存储为字符串的变量。但是,如果您不使用 DomSanitizer 并按原样接受用户输入,则您的应用程序将存在安全漏洞。请参阅:https ://angular.io/api/platform-b​​rowser/DomSanitizer


推荐阅读