将\\ n替换为 <br> 不管用

Question

在我的mongoDB中：

description: "Test\n\nTest"

当我尝试在我的ejs文件中显示该文本时，文本将忽略de“ \\ n”

测试一下

我的HTML

<div id="description">
    <%= test.description %>
</div>

我试图使用以下代码解决此问题：

var desc = $('#description').text();
desc.replace("\n", "<br>");

$('.description').text(desc);

还尝试了：

desc.replace(/(?:\r\n|\r|\n)/g, '<br />');

和：

desc.split("\n").join("<br />");

这些都不起作用

如果我打印var desc = $('#description').text(); 在Chrome控制台中，它显示如下：

              Test

Test

我在做什么错，我该如何解决？

Answer 1

要更改HTML标记，请使用html()而不是text() 。... text()将忽略<br>标记

另外，您只是替换值而不更新它.....需要将替换的值放在desc变量中

desc = desc.replace(/\n/g, "<br>");

还有desc.replace("\\n", "<br>"); 只会替换第一个\\n匹配项

堆栈片段

 var desc = "Test\\n\\nTest" desc = desc.replace(/\\n/g, "<br>"); $('#description').html(desc); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="description"></div> 

Answer 2

使用您的代码， desc.split("\\n").join("<br />"); 对我来说很好。

 var desc = $('#description').text(); console.log("original text = " + desc); desc = desc.split("\\n").join("<br />"); console.log("using split/join = " + desc); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="description"> Here is the contents of the div with line breaks in it. </div>