在使用安企CMS管理网站内容时，有时会遇到一个看似小却让人头疼的问题：明明在后台编辑时输入了带有格式的HTML代码，但在前台页面显示时，这些HTML标签却变成了纯文本，甚至直接以尖括号的形式呈现，失去了应有的样式和排版。这不仅影响了页面的美观，也使得精心编排的内容大打折扣。那么，这究竟是为什么，我们又该如何解决呢？

理解HTML标签被转义的原因

安企CMS采用类似Django的模板引擎，其设计理念之一是保障网站安全。当我们将内容（尤其是可能包含HTML标签的内容）从后端传递到前端模板进行渲染时，模板引擎默认会启动一项重要的安全机制——自动转义。

这种机制会将HTML特殊字符，例如表示标签起始和结束的尖括号（<和>）、表示HTML实体或特殊字符的与号（&）、以及引号（"和'）等，转换成对应的HTML实体编码（如&lt;、&gt;、&amp;）。这样做的核心目的是为了有效防范跨站脚本攻击（XSS）。如果恶意用户在内容中注入了<script>标签等可执行代码，自动转义可以确保这些代码被当作普通文本显示，而不会被浏览器执行，从而保护网站和用户的安全。

尽管这项功能在安全性方面至关重要，但在某些特定场景下，我们确实需要让浏览器识别并渲染我们输入的HTML代码。

解决方案一：使用 safe 过滤器（针对已信任的HTML内容）

当您确定某段内容是安全、可信的HTML代码，并且希望它能被浏览器正常解析时，安企CMS提供了safe过滤器。这个过滤器是解决HTML标签被转义问题的最常用也是最直接的方法。

您只需在需要输出HTML的内容变量后添加|safe，模板引擎便会识别出这段内容应按原始HTML进行渲染，而不再进行转义处理。例如，如果您的文章内容存储在archive.Content变量中，并且该内容是通过富文本编辑器输入，您希望其中的加粗、链接、图片等HTML标签能正常显示，那么在模板中就可以这样使用：

{{ archive.Content|safe }}

同样地，对于分类或单页面的内容（如category.Content或page.Content），如果其中包含需要渲染的HTML，也可以采取相同的处理方式。safe过滤器告诉模板引擎：“我知道这段内容是安全的，请直接输出，不要转义。”

解决方案二：使用 autoescape 标签（针对内容块）

除了针对单个变量使用safe过滤器外，安企CMS还提供了更宏观的控制方式，即autoescape标签。这个标签可以用来开启或关闭一个内容块的自动转义功能。

如果您有一个特定的内容区域，其中包含多个变量，并且您确定该区域内的所有内容都是安全的HTML，那么可以使用{% autoescape off %}和{% endautoescape %}来包裹这个区域：

{% autoescape off %}
    <p>这段内容中的所有HTML标签都不会被转义：</p>
    <div>{{ myHtmlVariable }}</div>
    <span>{{ anotherHtmlSnippet }}</span>
{% endautoescape %}

反之，如果您想在某个特定区域内强制开启转义（尽管安企CMS默认就是开启的），或者在全局关闭转义后想局部开启，则可以使用{% autoescape on %}。然而，关闭自动转义的场景通常非常少见且伴随着高风险，建议不到万不得已不要轻易使用。网站的默认自动转义机制是为安全保驾护航的重要防线。

解决方案三：处理Markdown内容（render与safe组合）

安企CMS支持Markdown编辑器，这为内容创作者提供了便捷的书写体验。Markdown内容在保存时通常是纯文本格式，但在前台显示时，我们需要将其解析成HTML才能正确展示格式。

在这种情况下，您需要用到render过滤器。render过滤器会将Markdown语法转换为HTML代码。然而，仅仅转换还不够，转换后的HTML同样需要配合safe过滤器，才能确保这些由Markdown生成的HTML标签不被二次转义，从而在页面上正确显示。

所以，当您处理Markdown格式的内容时，正确的模板写法会是这样的组合：

{{ item.Content|render|safe }}

这里的item.Content是Markdown文本，|render将其解析为HTML，|safe则确保这些HTML标签不被转义并正常渲染。

实践建议与注意事项

  1. 安全性是首要考量： 始终牢记，safe过滤器和autoescape off标签会禁用安全防护。因此，它们只能应用于您完全信任且内容经过严格审查的HTML代码。切勿对用户直接提交的、未经任何清洗和验证的内容使用这些功能，否则极易遭受XSS攻击。
  2. 内容来源判断：
    • 后台管理员富文本内容： 对于文章正文、产品详情、单页面内容、分类详情等由后台管理员通过富文本编辑器输入的，通常可以认为是可信的，适合使用|safe。
    • 用户提交内容： 例如留言、评论等，即使提供了富文本编辑器，也应在后端进行严格的内容过滤、敏感词检查、甚至限制可用的HTML标签白名单，或者在前端展示时完全避免使用|safe，而仅显示纯文本。
  3. 默认行为： 安企CMS的默认行为是转义HTML标签，这本身是一种良好的安全实践。我们应尽可能遵循这一默认行为，只在确实需要显示HTML的少数场景下，才按上述方法解除转义。
  4. 明确过滤器顺序： 当同时使用render和safe时，render必须在前，先将Markdown转为HTML，再由safe确保HTML不被转义。

掌握了safe过滤器、render过滤器以及autoescape标签的正确使用方法，您就能在安企CMS中自如地控制内容的HTML渲染，既保证了内容的丰富展示，又兼顾了网站的安全防护。请始终记住，便捷与安全并重，合理运用这些工具，才能让您的网站运营更加高效和稳健。

常见问题 (FAQ)

  1. Q: 我在安企CMS后台的富文本编辑器里输入了加粗文字和图片，但前台显示时这些格式都变成了纯文本，这是为什么？ A: 这是因为安企CMS的模板引擎默认会进行HTML标签的自动转义，以防范潜在的跨站脚本（XSS）攻击。编辑器生成的HTML标签（如<strong>、<img>）被转换成了`&lt;strong&gt;