HTML Импортированный текст не отображает правильные строки

У меня есть HTML-файл с включенным текстовым файлом. Это мой Javascript для включения текстового файла:HTML Импортированный текст не отображает правильные строки

document.include = function (url) { 
    if ('undefined' == typeof(url)) return false; 
     var p,rnd; 
     if (document.all){ 
     p = new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
    else { 
     p = new XMLHttpRequest(); 
    } 
    rnd = Math.random().toString().substring(2); 
    url = url.indexOf('?')>-1 ? url+'&rnd='+rnd : url+'?rnd='+rnd; 
    p.open("GET",url,false); 
    p.send(null); 
    document.write(p.responseText); 
};

Это мой HTML:

<html> 
    <head> 
     <link media="all" href="style.css" type="text/css" rel="stylesheet"> 
     <title>Report</title> 
     <script src="embed_text.js" type="text/javascript"></script> 
    </head> 
    <body> 
     <script>document.include('out.log');</script> 
    </body> 
</html>

К сожалению импортируемое содержимое не имеет никакого перевода строки! Все строки добавляются друг к другу; но когда я иду в режим проверки, все строки отображаются правильно! Я имею в виду, что контент отображается в отдельных строках. Что делать, чтобы решить проблему. Решения, включая CSS или javascript, полностью прекрасны!

Это как содержание отличается с точки зрения HTML и режим инспектировать:

enter image description here

источник

2015-06-06 Zeinab Abbasimazar

Вы можете попробовать добавить этот код в ваш HTML:

<style> 
    body { 
     white-space: pre-line; 
    } 
</style>

Подробнее о белом расстояние: http://www.w3schools.com/cssref/pr_text_white-space.asp

Если есть другие компоненты в вашем HTML тела, а не только текст из журнала, то оберните его в селектор правил div и change.

источник

2015-06-06 06:00:42

Это потому, что ваш код в настоящее время анализируется как HTML, и, таким образом, новые строки и пробелы, помимо первого, удаляются.

Попробуйте обернуть текст в пределах <pre> тегов, и вы должны увидеть желаемый результат.

источник

2015-06-06 05:44:57 FrankerZ

Ваш ответ тоже работал, но поскольку ответ Вилимантаса был более общим, я использовал это как решение. –

Что вы подразумеваете под общим? – FrankerZ

Я имею в виду, что это связано со стандартом! Кроме того, использование CSS является более предпочтительным для меня, потому что я использую скрипт для автоматического создания HTML и меньше тегов более эффективен! –

HTML Импортированный текст не отображает правильные строки

ответ

Смежные вопросы