如何加载包含html标签的.txt文件而不用html解释它？

问题描述：

当我使用FileReader（）方法加载包含html标记的.txt文件时，我尝试在屏幕上显示它，它显示我已经解释过代码。这是一个问题，因为我也需要这些标签，而不用html解释它。比如：代替：如何加载包含html标签的.txt文件而不用html解释它？

Some text in file.txt

我想：

<p>Such text in file.txt with these html tags</p>

在这里我使用的是什么代码：https://jsfiddle.net/fkwugnsn/。现在尝试加载HTML内容的txt文件。你会发现它已经被html解释了。我不需要解释代码。

你可以显示你正在使用的代码吗？ –

您可以在整个文件中搜索“”并将其替换为“<”和“>” –

答

插入带有createTextNode和appendChild（或replaceChild）的内容，而不是将其分配给innerHTML（因为我相信你正在做的）。

var node = document.createTextNode(mytext); 
someElement.appendChild(node);

答

您可以使用此功能可实现此：

function htmlEntities(str) { 
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;'); 
}

此功能将取代&，<，>和"与HTML实体。