使用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并删除了type属性。 但是，结果是“未定义”出现在页面上。

Answer 1

我想到了。 我只是删除了对“ childNodes [0]”的引用，并且它可以正常工作。