Как читать и отображать текстовый файл в <pre>, сохраняя разрывы строк, табуляции и новые строки?

Question

Я пытаюсь загрузить текстовый файл для отображения в теге pre с помощью jQuery.Я хотел бы отобразить весь текст, включая escape-последовательности, такие как новая строка, табуляция и так далее.Если я использую jQuery.get('log.cpp', function(data) { ... и пытаюсь отобразить текст с помощью:

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

, тогда многие символы, такие как <>, и текст, окруженный этими символами, вообще не отображаются.Поскольку я пытаюсь загрузить и отобразить некоторый исходный код, строка с #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>

Когда вы хотите отобразить

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