如何加載包含html標籤的.txt文件而不用html解釋它？

Question

當我使用FileReader（）方法加載包含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解釋了。我不需要解釋代碼。

Answer 1

插入帶有createTextNode和appendChild（或replaceChild）的內容，而不是將其分配給innerHTML（因爲我相信你正在做的）。

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

Answer 2

您可以使用此功能可實現此：

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

此功能將取代&，<，>和"與HTML實體。

source