javascript - 使用 JavaScript 将富格式文本文件嵌入到 HTML 中

Question

我正在尝试将 TXT 文件的内容加载到 HTML 页面中。问题是，TXT 文件中包含 HTML 标记引用。在这种情况下，TXT 文件的纯文本内容包含许多 B 标记，以加粗文本的某些部分，而文本的所有其他部分都是纯文本。

https://www.w3schools.com/tags/tag_b.asp

到目前为止，这是我的相关代码:

<div id="help-screen" class="screen">
    <object id="help-text" type="text/plain" data="gui/help.txt"></object>
</div>

var helpText = document.getElementById("help-text");
helpText.onload = function() {
    document.getElementById("help-screen").innerHTML = helpText.contentDocument.body.childNodes[0].innerHTML;
};

这段代码到目前为止所做的是成功地将 TXT 文件的内容加载到 HTML 页面中。作为一个整体的 HTML 文档声明了默认的文本字体、颜色和大小，加载到 TXT 内容中的这些字体、颜色和大小都被适本地设置了样式。

问题是，TXT 文档中的所有换行符都被跳过了，B 标签也被跳过了。

我尝试将我的 help.txt 文件重命名为 help.html 并删除类型属性。但是，结果是页面上出现“undefined”。

Answer 1

我想通了。我只是删除了对“childNodes[0]”的引用，它就起作用了。