2014-10-24 6 views
5

Ich möchte eine Funktion in JavaScript erstellen, die Text von textarea an eine div sendet.Senden von Text ohne HTML-Tags

Ich will es tun, um die folgenden

Wenn der Benutzer versucht, HTML-Quelle zu einem Textfeld zu schicken, wird es zeigt den Text, und nicht die tatsächliche HTML-Quelle.

Zum Beispiel:

Wenn der Benutzer versucht, senden an: <img src='aa.png'>

ich in den div Text sehen möchten: <img src='aa.png'>, und wollen nicht das eigentliche Bild sehen: aa.png

+0

Doppelte http mehr für Unterschiede lesen: // stackoverflow.com/questions/1219860/html-encoding-in-javascript -jquery – yunandtidus

Antwort

10

Verwenden .innerText oder .textContent statt .innerHTML

eleme.innerText="<img src='aa.png'>"; wo eleme ist Ihre div

DEMO:

document.getElementById('test1').innerHTML="<img src='aa.png'>"; 
 
document.getElementById('test2').innerText="<img src='aa.png'>"; 
 
document.getElementById('test3').textContent="<img src='aa.png'>";
<div id="test1"></div> 
 
<div id="test2"></div> 
 
<div id="test3"></div>

Sie können zwischen diesen drei Befehlen und anderen Here

+0

Sollte auch über 'textContent' erwähnt werden. – dfsq

+0

@dfsq Ich bearbeitet! – laaposto