<br/>換行-有解無憂

我試圖在我的 Golang 模板中將我的“ \n”轉換為“ <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

uj5u.com熱心網友回復：

感謝您添加示例代碼；這使您更容易理解您的問題。但是，您的示例仍然包含許多不必要的代碼，因此我將使用它來回答（代碼越簡單越好）。

請注意，此答案與我的評論相符，但由于您包含了一個示例，因此更容易以您更容易理解的方式將其拼寫出來。

當前的輸出實際上是：

<!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 時，任何轉義字符都不會被轉義（例如<變成<）。使用轉義字符的原因是為了防止瀏覽器將它們決議為 HTML 元素（例如<br>）。如果您想要換行符，則輸出需要包含<br/>為原始文本（未轉義）。

Go 模板會自動轉義作為引數傳入的字串中的一系列字符。這樣做是為了安全；否則用戶可能能夠提交一個字串，<script>..</script>如果你將它發送到另一個用戶瀏覽器，它最終可能會運行一個可以做令人討厭的事情的腳本！

如果您確定您傳入的文本是干凈的，那么您可以使用該型別template.HTML告訴模板引擎您信任該字串，例如data.Field4 = template.HTML("Some text 55" htmlBreak "More text").

以下是一個完整的例子（操場）：

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/>新行中的瀏覽器會將其顯示為中斷。

uj5u.com熱心網友回復：

您可能需要考慮使用一個正則運算式，只需將所有 \n 替換為 <br/>

為此，您的代碼將如下所示

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

uj5u.com熱心網友回復：

您的問題有點含糊，但我相信您可能正在尋找名為HTMLEscapeString(s).

HTMLEscapeString 回傳與純文本資料 s 等效的轉義 HTML。

https://pkg.go.dev/html/[email protected]#HTMLEscapeString

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/350160.html

標籤：html 走模板新队换行

上一篇：您可以轉發宣告未宣告模板類的顯式特化嗎？

下一篇：根據當前選項卡顯示或隱藏擴展圖示