在Django模板中将字符串转换为HTML代码。

8 浏览
0 Comments

在Django模板中将字符串转换为HTML代码。

我正在开发一个django网站，我有一个字符串变量，其中包含html标签。我需要在模板上将该字符串作为html代码进行解析。

例如，如果我有一个字符串变量description = "

  • abc
  • def
  • ghi

"，当我在模板中调用这个字符串变量时，我希望它显示为：

  • abc
  • def
  • ghi

目前它只显示字符串本身。

非常感谢您的帮助。

0

1 答案

0 Comments

文章标题：在Django模板中将字符串转换为HTML代码的问题及解决方法

问题描述：

在Django模板中，使用{{ description | safe }}可以将字符串转换为HTML代码，但当想要添加类似<li class="my-class">的动态样式时，CSS类被忽略，导致无法实现样式效果。

问题原因：

Django模板默认会对输出的内容进行自动HTML转义，以确保安全性。这意味着在输出中使用的HTML标签和特殊字符会被转义成对应的实体编码，例如<会被转义为<。因此，直接在模板中添加类似<li class="my-class">的字符串会被转义，导致CSS类被忽略。

解决方法：

为了将字符串正确地转换为HTML代码并保留其中的CSS类，可以采取以下解决方法：

1. 使用|safe过滤器：

在输出字符串变量时，通过使用|safe过滤器告诉Django模板引擎该变量已经是安全的HTML代码，不需要进行转义。示例代码如下：

{{ description | safe }}

2. 使用|format_html函数：

Django提供了|format_html函数，它会将传入的字符串作为HTML代码进行处理，并自动转义其中的特殊字符。同时，可以在函数中使用占位符来动态添加CSS类。示例代码如下：

{% load django.utils.html %}
...
{{ description|format_html('
  • ', my_class) }}

    • 在上述代码中，description是包含HTML代码的字符串变量，my_class是动态传入的CSS类名变量。

    通过以上两种方法，可以在Django模板中正确处理字符串并转换为HTML代码，同时实现动态添加CSS类的效果。

    0