【问题标题】:Newline to <br/><br/>换行
【发布时间】:2021-12-18 07:41:34
【问题描述】:

我正在尝试在我的 Golang 模板中将“\n”转换为“&lt;br/&gt;”。

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

【问题讨论】:

  • 我不明白。您可以包含一个模板示例吗?换行符在哪里 - 在您的模板中?你能把所有的代码放在一个完整的例子中吗?如果你正在渲染一个模板,什么是“SomeText”和“More text”?就此而言,page.Body 的输出结果如何?
  • 我怀疑this answer 是您正在寻找的(“HTML 模板将数据值视为应编码的纯文本”,因此如果您希望您的值包含标签,那么您需要标记它们安全)。

标签: html go templates newline line-breaks


【解决方案1】:

感谢您添加示例代码;这使您更容易理解您的问题。但是您的示例仍然包含许多不必要的代码,因此我将使用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 并将其显示 - 因此在浏览器中查看时 &lt;div&gt;F1: Some text&amp;lt;br/&amp;gt;More text&lt;/div&gt; 变为 F1: Some text&lt;br/&gt;More text&lt;br/&gt; 是显示的文本;而不是 HTML 元素 &lt;br/&gt;)。

当浏览器处理 HTML 时,任何 escaped characters 都不会转义(例如,&amp;lt; 变为 &lt;)。使用转义字符的原因是为了防止浏览器将它们解析为 HTML 元素(例如&lt;br&gt;)。如果您想要换行符,则输出需要包含 &lt;br/&gt; 作为原始文本(未转义)。

Go 模板会自动转义作为参数传入的字符串中的一系列字符。这样做是为了安全;否则用户可能能够使用&lt;script&gt;..&lt;/script&gt; 提交一个字符串,如果你将它发送到另一个用户的浏览器,它最终可能会运行一个可能会做坏事的脚本!

如果你确定你传入的文本是干净的,那么你可以使用类型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>

注意新行中的&lt;br/&gt;;浏览器会将其显示为中断。

【讨论】:

    【解决方案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

    【讨论】:

      【解决方案3】:

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

      HTMLEscapeString 返回与纯文本数据 s 等效的转义 HTML。

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2017-01-26
        • 2021-08-21
        • 1970-01-01
        • 2011-11-14
        • 1970-01-01
        • 2022-08-07
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多