angular - 如何将 markdown 字符串解析为 html 代码

Question

我正在尝试解析包含一些 Markdown 代码(如粗体或斜体)的字符串，我希望它被解析并显示为 HTML 代码。

我创建了一个管道来检测一些 Markdown 标签(目前只有粗体和斜体)，所以它会自动将它转换成这样的 html 标签:

<span>{{ line | markdown }}</span>

想象以下字符串 this is *italic* and this is **bold** .

解析工作正常，所以它返回这一行:
this is <em>italic</em> and this is <strong>bold</strong> .
问题是页面不将字符串解释为 html 代码，而是纯文本。

---

所以我尝试像这样添加 [innerHTML] 标签:

<span [innerHTML]=line>{{ line | markdown }}</span>

现在，页面显示如下:
这是*斜体*，这是粗体

---

为什么它解析粗体而忽略斜体，我怎样才能得到我想要的？

Answer 1

应该是<span [innerHtml]="line | markdown"></span> .在这种情况下，管道的输出将作为 innerHtml 传递给 span