将新行转换为正确的 Javascript 值答案

【问题标题】：Convert new line to correct Javascript value将新行转换为正确的 Javascript 值
【发布时间】：2012-03-01 20:50:53
【问题描述】：

我有一系列数据，我想将它们放入 javascript 中的数组中。我使用Wordpress作为cms，我的数据看起来像这样（帖子的内容）：

line1
line2
line3

但是，当我尝试从帖子中查找数据时，我在 javascript 中看到了这段代码，比如说 3 个帖子：

var locations=['line1
line2
line3','line1
line2
line3','line1
line2
line3'];

当我查看控制台时收到此错误：Uncaught SyntaxError: Unexpected token ILLEGAL。我在这里搜索了很多答案，但我没有成功地用它折断腿。但是我在内容的 HTML 选项卡中查看了没有<br/>，所以新行不是 html 代码。

我也尝试过像这样在php中转义特殊字符，但它会弹出同样的错误：

echo '\''.htmlspecialchars (get_the_content()).'\',';

但是，如果内容在一行中，例如“一些文本”，它似乎运行正常。

有什么想法吗？

谢谢！

【问题讨论】：

【解决方案1】：

在输出之前使用 json_encode() 将其转换为 JavaScript 文字。

【讨论】：

好一个，但是内容显示在一行中。我终于做了这个array_push( $locations, nl2br ( get_the_content()) ); 然后echo 'var locations='. json_encode($locations).';' 做得很好。

【解决方案2】：

其实这是一个php问题。 Javascript 无法自行从此类语法错误中“恢复”。

echo "'".str_replace(
    array("'", "\n", "\r"),
    array("\\'", "\\n", "\\r"),
    get_the_content()
)."'";

【讨论】：