jquery - 如何读取文本文件并将其显示到，保留换行符、制表符和换行符？

Question

我正在尝试加载一个文本文件以pre使用 jQuery 在标签中显示。我想显示所有文本，包括换行符、制表符等转义序列。如果我使用jQuery.get('log.cpp', function(data) { ...并尝试使用以下方式显示文本：

var str = data.replace(/(?:\r\n|\r|\n)/g, '<br>');
$('#fileName').html(str);

然后，许多字符 s<>和被这些字符包围的文本根本不显示。由于我尝试加载和显示一些源代码，#include <header>因此将#include仅显示一行。如果我尝试使用以下内容：

var str = data.replace(/(?:\r\n|\r|\n)/g, '\n');
$('#fileName').text(str);

屏幕上不显示任何选项卡或新行，文本仅显示为一行。

有什么提示吗？非常感谢

Answer 1

只需将其添加到您要阅读或显示的位置

style="white-space: unset;"

当你想阅读

<textarea type="text" style="white-space: unset;"></textarea>

当你想显示

<pre style="white-space: unset;">Your text with line breaks</pre>