MySQL 未在 HTML 中添加新行

Question

使用 NodeJS 和 ExpressJS，我从 MySQl 传递数据，它有新行，但当我在 HTML 页面上显示它时没有，这里证明它显示新行(随机文本)

the text

results from database

the html page

这是在 html 中渲染时的代码

<span><%=userRoles[0].description%></span>

我需要它在行中添加新行

Answer 1

方法一:将所有换行符( \r\n 、 \r 、 \n )替换为 <br>标签

您需要使用<%- code %>而不是<%= code %>以避免 html 转义。

<span><%- userRoles[0].description.replace(/(?:\r\n|\r|\n)/g, '<br>'); %></span>

• https://github.com/tj/ejs/issues/187

• How do I replace all line breaks in a string with <br /> tags?

方法2:使用<pre>标签

<pre>元素将显示换行符

<pre><%- userRoles[0].description %></pre>

• https://www.w3schools.com/tags/tag_pre.asp