从数据库（JavaScript，html，firebase）读取时检测线路断裂（\ n）

Question

我正在尝试使用从Firebase Firestore检索到的字符串，并在我的HTML页面上显示它。

在商店中，我有一个字符串，看起来像该

行1 \ nrow2 \ nrow3

当我检索它并尝试将其添加到我的页面中。我使用的是预装，并且使用测试弦乐效果很好。

let text = getString(); //retrieves a string from firebase
document.getElementById('textBox').textContent = text;

在我的页面上显示此内容：

row1 \ nrow2 \ nrow3

以下测试代码：

let text = 'row1\nrow2\nrow3';
document.getElementById('textBox').textContent = text;

在页面上显示以下内容：

row1

Row2

Row3

因此，从数据库中检索到的字符串中的\ n似乎与直接在JavaScript代码中定义的字符串中的\ n读取的方式相同。知道为什么吗？我该怎么做才能让它阅读界限？

Answer 1

类似于 @user14063792468在评论中所说的话，看来您的newline字符已被逃脱（即，converts \ n to \ code> \\ n），因此我将尝试用\\ n将任何实例替换为\ n（单个Backslash），然后查看是否有效。

这是一个替代之前和之后的外观的示例：

let string = 'Newline characters\\nare in this\\nstring\\nfor sure';  // note the double slashes

document.getElementById('before').textContent = string;
let text = string.replace(/\\n/g, "\n");
document.getElementById('after').textContent = text;

<pre id="before"></pre>
<pre id="after"></pre>