htmlタグを含む.txtファイルをhtmlで解釈せずに読み込むにはどうすればよいですか？

Question

FileReader（）メソッドを使用してhtmlマークを含む.txtファイルを読み込み、それを画面に表示しようとすると、すでに解釈済みのコードが表示されます。私はこれらのタグもhtmlで解釈することなく必要とするので、ここでは問題があります。 の代わりに：たとえば

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

ここで私が使用しているどのようなコード：https://jsfiddle.net/fkwugnsn/を

Some text in file.txt

私が取得したいです。今、htmlの内容のtxtファイルを読み込みます。 htmlですでに解釈されていることがわかります。そして、私は解釈されるコードを必要としません。

Answer 1

innerHTMLに代入するのではなく、createTextNodeとappendChild（またはreplaceChild）のコンテンツを挿入してください。

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