为要在 HTML 中显示的部分文本添加颜色

Question

我正在尝试将 HTML 标记嵌入将显示在文本框中的文本中。

我需要将文本写入由以下定义的文本框：

<article class="media content-section">
  <div class="media-body">
    <p class="article-content"><small>{{ file_data }}</small></p>
  </div>
</article>

相关的css部分是：

.article-content {
  white-space: pre-line;
}

我尝试在 python 模块的文本中嵌入 HTML 标签，例如：

file_data += '<p style="color:red;">'+gedline+'</p>'

但是，不会解释 HTML 标记。相反，它们是逐字打印的。

<p style="color:red;">0 HEAD
</p><p style="color:red;">1 SOUR FTM
</p><p style="color:red;">0 @SUBM@ SUBM
</p><p style="color:red;">1 NAME Not Given
</p><p style="color:red;">0 @I13864@ INDI
</p><p style="color:red;">1 NAME Harry Clifton d/Murphy/
</p>

这只是一个例子。实际上，我将为每一行的不同部分分配不同的颜色，但上面的简单示例显示了问题。

有没有更好的方法来实现我的目标？

Answer 1

在 Django 中

1. 最简单的方法是使用安全过滤器：

   {{ 文件数据 |安全 }}

2. 你也可以使用自动转义标签

   {% 自动转义关闭 %} {{ 文件数据}} {% endautoescape %}