javascript-如何从文档中插入HTML ASCII艺术？

目前,我正在尝试读取可能包含ASCII艺术的.txt文件,并使用JQuery在我的HTML文档中显示它们.简单的文本显示正确,但是我在艺术方面存在格式问题.

我怎样才能解决这个问题 ？

$(document).ready(function(e) {

    $.get('/test/posts/header.txt', function(data) {

    var lines = data.split('\n');

    for (var i = 0, len = lines.length; i < len; i++) {

    $(".stream").append('<div class="line"><p class="header">' + lines[i] + '</p></div>');
    }

  });
});

解决方法:

这是因为多余的空间将被剥离.您可以用简单的… lines [i] .replace(/ / g,’& nbsp’)…将每行中的所有空格替换为& nbsp,或者将所有内容都包装在< pre>中. .< / pre&gt ;：

'<div class="line"><p class="header"><pre>' + lines[i] + '</pre></p></div>'