首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >到<br/>的Newline

到<br/>的Newline
EN

Stack Overflow用户
提问于 2021-11-04 00:06:20
回答 3查看 315关注 0票数 0

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

代码语言:javascript
复制
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)
        }
    })
}

模板看起来如下:

代码语言:javascript
复制
{{define "index"}}{{template "header" . }}<h1>{{.Title}}</h1><div>{{.Body}}</div>{{template "footer"}}{{end}}

我试图将字符串连接到:

代码语言:javascript
复制
page.Body = "Some text." +htmlBRTag+ "More text"

其产出如下:

代码语言:javascript
复制
htmlBRTag := "&lt;br/&gt;" // -> &lt;br/&gt;
htmlBRTag = "<br/>" //-> <br/>

预期结果将是:

代码语言:javascript
复制
page.Body = "Some text.<br/>More text"

有什么建议怎么做吗?

下面是从方框中运行的可复制代码:

代码语言:javascript
复制
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)
    }
}

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

代码语言:javascript
复制
{{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}}

目前的产出是:

代码语言:javascript
复制
F1: Some text<br/>More text
F2: Some text<br/>More text
F3: Some text&lt;br/&gt;More text

预期的结果如下所示:

代码语言:javascript
复制
Some text
More text

我尝试了以下几点:

代码语言:javascript
复制
htmlBRTag := "<br/>"
b = "Some text." +htmlBRTag+ "More text"
Page.Body = template.HTMLEscapeString(b)

模板中的文本如下:

代码语言:javascript
复制
Some text.&lt;br/&gt;More text
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2021-11-05 00:48:03

感谢您添加了示例代码;这使您更容易理解您的问题。但是,您的示例仍然包含大量不必要的代码,因此我将使用回答(代码越简单越好)。

请注意,这个答案与我的评论相匹配,但是正如您已经包含了一个示例,用您更容易理解的方式来解释它比较容易。

目前的输出实际上是:

代码语言:javascript
复制
<!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&lt;br/&gt;More text</div>变成F1: Some text<br/>More text ( <br/>是显示的文本,而不是HTML元素<br/>)。

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

Go模板自动转义作为参数传入的字符串中的字符范围。这是为了安全;否则,用户可能能够提交一个字符串与<script>..</script>,如果你把它发送到另一个用户浏览器,它可能会运行一个脚本,可能会做一些讨厌的事情!

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

以下是一个完整的示例(游乐场):

代码语言:javascript
复制
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)
}

产出如下:

代码语言:javascript
复制
<!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/>;浏览器将显示为中断。

票数 1
EN

Stack Overflow用户

发布于 2021-11-04 19:34:08

您可能需要考虑使用regex表达式将所有\n的表达式替换为

要做到这一点,您的代码应该如下所示

代码语言:javascript
复制
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))
}

您可以在这里玩regex:https://regex101.com/codegen?language=golang

票数 1
EN

Stack Overflow用户

发布于 2021-11-04 10:26:32

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

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

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69833115

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档