javascript - 用 替换\n 无效

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 />");

这些都不起作用

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

              Test

Test

我哪里做错了，我该如何解决？

Answer 1

使用 html()而不是 text()因为您想更改 HTML 标记.... 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>