换行到 <br/>

Question

我正在尝试将我的“\n”转换为我的 Golang 模板中的“<br/>”。

type Page struct {
    HTTPMethod      string
    Template        string
    CharSet         string
    Slug            string
    MetaTitle       string
    MetaDescription string
    MetaKeywords    string
    Title           string
    Body            string
    Navigation      Links
    Detail          interface{}
}

for _, page := range pages.Pages {
    page := page
    router.HandleFunc(page.Slug, func(w http.ResponseWriter, r *http.Request) {
        err := tmpl.ExecuteTemplate(w, page.Template, page)// page of type Page
        if err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
        }
    })
}

模板看起来像：

{{define "index"}}{{template "header" . }}<h1>{{.Title}}</h1><div>{{.Body}}</div>{{template "footer"}}{{end}}

我试图将字符串与：

连接起来

page.Body = "Some text." +htmlBRTag+ "More text"

输出如下：

htmlBRTag := "&lt;br/&gt;" // -> &lt;br/&gt;
htmlBRTag = "<br/>" //-> <br/>

预期结果为：

page.Body = "Some text.<br/>More text"

有什么建议吗？

下面是开箱即用的可复制代码：

package main

import (
    "fmt"
    "html/template"
    "log"
    "net/http"

    "github.com/gorilla/handlers"
    "github.com/gorilla/mux"
)

type Data struct {
    Field1 string
    Field2 string
    Field3 string
}

var tmpl *template.Template

func main() {
    defer func() {
        if r := recover(); r != nil {
            fmt.Printf("Recovering from panic, error is: %v \n", r)
        }
    }()
    router := mux.NewRouter()

    port := ":8085"
    htmlBreak := "<br/>"
    data := Data{}
    data.Field1 = "Some text<br/>More text"
    data.Field2 = "Some text" + htmlBreak + "More text"
    data.Field3 = template.HTMLEscapeString(data.Field2)

    router.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
        err := tmpl.ExecuteTemplate(w, "index", data)
        if err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
        }
    })

    var err error
    tmpl, err = template.ParseGlob("views/*")
    if err != nil {
        panic(err.Error())
    }

    router.PathPrefix("/").HandlerFunc(func(res http.ResponseWriter, req *http.Request) {
        http.FileServer(http.Dir("./static/")).ServeHTTP(res, req)
    })

    fmt.Println("Server running on localhost" + port)

    err = http.ListenAndServe(port, handlers.CompressHandler(router))
    if err != nil {
        log.Fatal(err)
    }
}

在 ./views 文件夹中我有 index.html、index.html、footer.html

{{define "header"}}<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Title</title></head><body>{{end}}

{{define "index"}}{{template "header" . }}
<div>F1: {{.Field1}}</div>
<div>F2: {{.Field2}}</div>
<div>F3: {{.Field3}}</div>
{{template "footer"}}{{end}}

{{define "footer"}}</body></html>{{end}}

当前输出为：

F1: Some text<br/>More text
F2: Some text<br/>More text
F3: Some text&lt;br/&gt;More text

预期的结果是一个换行符：

Some text
More text

我尝试了以下方法：

htmlBRTag := "<br/>"
b = "Some text." +htmlBRTag+ "More text"
Page.Body = template.HTMLEscapeString(b)

模板中的文字变为：

Some text.&lt;br/&gt;More text

Answer 1

您的问题有点含糊，但我相信您可能正在寻找名为 HTMLEscapeString(s).

的函数

HTMLEscapeString returns 转义 HTML 相当于纯文本数据 s.

https://pkg.go.dev/html/template@go1.17.2#HTMLEscapeString

Answer 2

您可能需要考虑使用一个正则表达式，它只需将所有 \n 替换为

为此，您的代码应如下所示

package main

import (
    "regexp"
    "fmt"
)

func main() {
    var re = regexp.MustCompile(`(?m)\n`)
    var substitution = "<br/>"


    var str = `here is some text
    that have 
    newline characters`
    
    
    fmt.Println(re.ReplaceAllString(str, substitution))
}

你可以在这里玩正则表达式：https://regex101.com/codegen?language=golang

Answer 3

感谢您添加示例代码；这使您更容易理解您的问题。但是，您的示例仍然包含很多不必要的代码，因此我将使用 this 进行回答（代码越简单越好）。

请注意，此答案与我的评论相符，但由于您提供了一个示例，因此更容易以您更容易理解的方式拼写出来。

当前输出实际上是：

<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Title</title></head><body>
<div>F1: Some text&lt;br/&gt;More text</div>
<div>F2: Some text&lt;br/&gt;More text</div>
<div>F3: Some text&amp;lt;br/&amp;gt;More text</div>
</body></html>

您在问题中包含的输出似乎是浏览器显示的内容。浏览器解析发送给它的 HTML 并显示它 - 所以当在浏览器中查看时 <div>F1: Some text<br/>More text</div> 变成 F1: Some text<br/>More text （<br/> 是显示的文本；不是 HTML 元素 <br/>).

当浏览器处理 HTML 时，任何 escaped characters 都未转义（例如 < 变为 <）。使用转义字符的原因是为了防止浏览器将它们解析为 HTML 元素（例如 <br>）。如果您想要换行符，则输出需要包含 <br/> 作为原始文本（未转义）。

Go 模板会自动转义作为参数传入的字符串中的一系列字符。这样做是为了安全；否则，用户可能会提交带有 <script>..</script> 的字符串，如果您将其发送到另一个用户的浏览器，它最终可能会运行一个可以做令人讨厌的事情的脚本！

如果您确定您传递的文本是干净的，那么您可以使用类型 template.HTML 告诉模板引擎您信任这个字符串，例如data.Field4 = template.HTML("Some text 55" + htmlBreak + "More text").

以下是完整示例 (playground)：

package main

import (
    "html/template"
    "io"
    "net/http"
    "net/http/httptest"
    "os"
)

type Data struct {
    Field1 string
    Field2 string
    Field3 string
    Field4 template.HTML
}

var tmpl *template.Template

func main() {
    htmlBreak := "<br/>"
    data := Data{}
    data.Field1 = "Some text<br/>More text"
    data.Field2 = "Some text" + htmlBreak + "More text"
    data.Field3 = template.HTMLEscapeString(data.Field2)
    data.Field4 = template.HTML("Some text 55" + htmlBreak + "More text")

    var err error
    tmpl, err := template.New("index").Parse(`{{define "header"}}<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Title</title></head><body>{{end}}

{{define "index"}}{{template "header" . }}
<div>F1: {{.Field1}}</div>
<div>F2: {{.Field2}}</div>
<div>F3: {{.Field3}}</div>
<div>F3: {{.Field4}}</div>
{{template "footer"}}{{end}}

{{define "footer"}}</body></html>{{end}}
`)
    // tmpl, err = template.ParseGlob("views/*")
    if err != nil {
        panic(err.Error())
    }

    // Now run the template (normally done in a handler)
    w := httptest.NewRecorder()
    if err = tmpl.ExecuteTemplate(w, "index", data); err != nil {
        http.Error(w, err.Error(), http.StatusInternalServerError)
    }
    w.Flush()
    io.Copy(os.Stdout, w.Result().Body)
}

输出为：

<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Title</title></head><body>
<div>F1: Some text&lt;br/&gt;More text</div>
<div>F2: Some text&lt;br/&gt;More text</div>
<div>F3: Some text&amp;lt;br/&amp;gt;More text</div>
<div>F3: Some text 55<br/>More text</div>
</body></html>

注意新行中的<br/>；浏览器会将此显示为中断。

换行到 <br/>

Newline to <br/>

html

templates

newline

line-breaks

go