How to Display Newlines Correctly in HTML Templates?-Golang-php.cn

How to Display Newlines Correctly in HTML Templates?

Susan Sarandon

Release： 2024-10-31 12:38:01

Original

937 people have browsed it

How to Display Newlines Correctly in HTML Templates?

Displaying Newlines Correctly in HTML Templates

When loading text files with newlines into HTML templates, developers often encounter an issue where these newlines are escaped to "
" instead of being displayed as line breaks. This can be problematic for maintaining correct formatting and readability.

To address this challenge, you can first sanitize your text using template.HTMLEscape() to remove any potential XSS vulnerabilities. Subsequently, you can replace the newlines ("n") with "
" using strings.Replace(). The modified text should then be encapsulated within template.HTML() to mark it as a trusted and safe HTML fragment.

An example implementation in Go demonstrates this approach:

<code class="go">package main

import (
    "html/template"
    "os"
    "strings"
)

const page = `<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <p>{{.}}</p>
  </body>
</html>`

const text = `first line
<script>dangerous</script>
last line`

func main() {
    t := template.Must(template.New("page").Parse(page))
    safe := template.HTMLEscapeString(text)
    safe = strings.Replace(safe, "\n", "<br>", -1)
    t.Execute(os.Stdout, template.HTML(safe)) // template.HTML encapsulates a known safe HTML document fragment.
}</code>

Copy after login

This approach ensures that the newlines are displayed correctly as line breaks in the browser, while maintaining the integrity of the rendered HTML content.

The above is the detailed content of How to Display Newlines Correctly in HTML Templates?. For more information, please follow other related articles on the PHP Chinese website!