将 JSON \\n 转换为 HTML <br> 标签

Question

我一直在使用 YouTube API 开发网站

在 JSON 文件中的 description 标记内是换行符 \n

我需要将这些标签转换为 HTML 格式

VideoDescriptions.push(item.snippet.description);

["Example description\nPlease click the link", "Another example description\nMore info"]

编辑：

这个问题不是链接文章的重复，因为：

• 它使用 YouTube API 检索数据
• 有必要从数组而不是字符串进行编辑（如文章中所述）
• 任一问题的答案都可能导致不同的结果，并且可能不适用

原文由 Andres Sweeney-Rios 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以在 javascript 中简单地使用字符串 replace ：

 var items = ["Example description\nPlease click the link\n\n", "Another example description\nMore info"];
console.clear();

var changed = items.map(i => i.replace(/\n/g, '<br />')).join('');
var div = document.querySelector("#test");
div.innerHTML = changed;

 <div id="test"></div>

原文由 Morteza Tourani 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

有趣的是，如果您通过 .innerText 而不是 innerHTML 设置标签的内容。所有的 \n 字符都将为您转换为 < br > 标记。

前任：

document.getElementsByTagName(‘h1’)[0].innerText = ‘带有\n换行符的新文本。’

原文由 vothaison 发布，翻译遵循 CC BY-SA 3.0 许可协议