javascript - 文本区域值不保留变量的换行符

Question

我有一个textarea需要在提交后保留提交的值和格式，但由于某些原因\n似乎没有从变量php变量中传递。

$text = '1\n2\n3';

echo '<script>
var text = "'.$text.'";
$( document ).ready(function() {
    $("textarea").attr("placeholder","1) Start Each Comment On A New Line...");
    $("textarea").val(text);
});

</script>'

变量从php传递给JS。当我回显变量时，我得到了预期的结果:

1\n2\n3

当变量被分配给 textarea 值时，结果是:

123

代替:

1
2
3

现在，如果我将 js 更改为以下内容，我将在新行中获得每个数字的预期结果。

$("textarea").val("1\n2\n3");

有谁知道为什么 php 变量没有将\n 返回给 JS？

Answer 1

使用 json 编码应该以 JS 能够理解的方式转义你的换行符。

$text = json_encode('1\n2\n3');

echo '<script>
var text = JSON.parse("'.$text.'");
$( document ).ready(function() {
    $("textarea").attr("placeholder","1) Start Each Comment On A New Line...");
    $("textarea").val(text);
});

</script>'