如何在 <pre> 标签包围的代码中插入换行符答案

【问题标题】：How to insert a line break into code surrounded by a <pre> tag如何在 <pre> 标签包围的代码中插入换行符
【发布时间】：2012-08-02 00:07:46
【问题描述】：

我有一个 XML 示例代码块，它们都在一行中，位于 <pre> 标记内。我想以编程方式将其分成多行，然后添加缩进。

示例代码已经格式化为 HTML 特殊字符，替换了每个标记的左右尖括号。

我计划通过加载为 jQuery 对象来使用 jQuery 操作代码。但是我怎样才能在每个标签后输入换行符呢？ \n 和 <br> 最终都打印为文本，因为它是 <pre>。我基本上想模拟当您使用返回键输入换行符时在 IDE 中发生的情况。有什么想法吗？

更新：使用 .html() 和 \n 我让它工作，在这个更新的 jsfiddle 中显示：http://jsfiddle.net/SPms3/17/

【问题讨论】：

【解决方案1】：

这些都不应该打印为文本。使用jQuery.html，而不是jQuery.text。

【讨论】：

【解决方案2】：

如果您在变量中设置此数据，请确保使用 " 而不是 ' 进行换行，因为 /n 如果使用 '（单引号）括起来，则不会呈现。

如果您不使用 javascript，请在键盘上按回车键以呈现换行符...

【讨论】：