时间戳

首页 > 解决方案 > 执行包含在变量中的 HTML 代码

html - 执行包含在变量中的 HTML 代码

问题描述

我有一个包含 HTML 代码的字符串变量，我希望它呈现而不是显示为文本。我尝试了不同
的 Pug 配置：如果变量content包含字符串<a href="/something">@something</a>：

p(style="white-space: pre-line")
    | #{content}

将字符串显示为文本并且不呈现它，

p(style="white-space: pre-line")
    #{content}

显示这个：<@something>@something>第一个@something 是可点击的，

p(style="white-space: pre-line")
    #[content]

这会返回一个错误。

有没有办法做到这一点？谢谢 ！

标签： htmlpug

解决方案

只需将哈希替换为#{content}感叹号：!{content}。这称为非转义字符串插值，应该在不转义 HTML 标记的情况下呈现您的内容：

p(style="white-space: pre-line")
    | !{content}

推荐阅读