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

Question

目前我正在尝试读取可能包含 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>');
    }

  });
});

Answer 1

这是因为多余的空间被剥离了。要么用 &nbsp 替换所有空格在每一行中使用简单的 ... + lines[i].replace(/ /g,'&nbsp') + ... ，或者你把所有东西都包装在 <pre>...</pre> 中:

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