【问题标题】:Javascript not recognizing new lineJavascript无法识别新行
【发布时间】:2020-06-19 14:02:35
【问题描述】:

我正在使用 ajax 请求将一些详细信息发布到我的 Nodejs 后端并创建一个包含多行的字符串。为此,我正在做类似的事情:

 changeString = req.body.Change1 + '\n'
 changeString = changeString + req.body.Change2 + '\n'
 changeString = changeString + req.boyd.Change3 + '\n'
 ....

在此之后,我将此字段插入到我的数据库中。这工作得很好,我可以进入数据库并将字段值复制到记事本中并查看行更改:

sdsdsds
sdsdsds
asdasdsadasdasdas

在我网站的另一个页面中,我从同一字段中提取详细信息并将其添加到表格中,但我得到的不是新行

sdsdsds sdsdsds asdasdsadasdasdas

要添加到我正在做的表中

`<tr>        
     <td>${item.Name}</td>
     <td>${item.Time}</td>
     <td>${item.Description}</td>
 </tr>`

如果我console.log项目描述我可以看到行变化

当我添加 HTML 时,行的变化不知何故消失了。

【问题讨论】:

    标签: javascript html css node.js


    【解决方案1】:

    也许尝试用 CSS 标记包含换行符的元素

    white-space: pre-line
    

    或与

    white-space: pre-wrap;
    

    例如这样:

    <span style="white-space: pre-line">${item_here}</span>
    

    【讨论】:

      【解决方案2】:

      HTML 解析器将忽略源代码中的空白字符(包括\n 换行符),因此您可以使用&lt;br/&gt; 标签创建换行符或在&lt;pre&gt; /*sometex*/ &lt;/pre&gt; 中呈现您的字符串。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-07-10
        • 2021-12-07
        • 2015-06-14
        • 2017-06-04
        • 2021-09-11
        • 2017-01-04
        相关资源
        最近更新 更多