Gin框架渲染HTML模板时，如何避免变量被自动转义？

在使用Gin框架进行Web开发时，我们经常需要将数据渲染到HTML模板中。然而，Gin默认会对HTML特殊字符进行转义，这可能会导致问题，例如，嵌入的JavaScript代码被转义成HTML实体，无法正常执行。

例如，使用c.HTML函数渲染模板时，如果模板中包含alert(1)，Gin会将其转义为<script>alert(1)</script>，导致代码失效。

如何避免这种转义呢？关键在于使用template.HTML类型。

GitHub AI Trends Reporter

生成 GitHub AI 趋势项目报告，以格式化文本排行榜呈现。抓取每日、每周或每月的 AI/ML/LLM 高星项目并渲染...

下载

Gin的c.HTML函数接收一个gin.H类型的map作为参数，其值通常是字符串或其他数据类型。为了避免Gin对特定变量进行转义，我们可以将其值转换为template.HTML类型。

修改后的代码示例：

import (
    "net/http"
    "github.com/gin-gonic/gin"
    "html/template"
)

// ... 其他代码 ...

c.HTML(http.StatusOK, "blog.html", gin.H{
    "blog": gin.H{
        "script": template.HTML(`<script>alert(1)</script>`), // 使用 template.HTML
    },
})

// ... 其他代码 ...

通过将需要输出的HTML代码转换为template.HTML类型，Gin将不会对其进行转义，从而确保JavaScript代码或其他HTML片段能够正确渲染。 请注意，需要导入html/template包。 此方法有效解决了Gin框架在渲染HTML模板时，变量被意外转义的问题。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！