2017-01-06 2 views
-4

Ich möchte font-awesome-Tag textarea mit jquery hinzufügen. Tag der Schrift ist: <span class="fa fa-check"></span> und das Tag der Textarea ist dies: <textarea readonly>First text Second text</textarea> . Am Ende möchte ich dasHinzufügen font-awesome-Tag zu textarea mit jquery

<textarea readonly> 
     <span class="fa fa-check"></span> First text 
     <span class="fa fa-check"></span> Second text 
</textarea> 

Wie kann ich es tun?

+0

Es ist nicht klar, was Sie versuchen, hier zu tun. Der Inhalt der Textarea ist Text, nicht DOM-Elemente, die Sie mit JS –

+0

font-awesome ändern können, ist hier nicht relevant, Sie versuchen einfach Elemente zu anderen Elementen hinzuzufügen. Sie sollten das suchen, da es viele Beispiele gibt. Du musst das zuerst für dich selbst versuchen, niemand wird alles für dich tun ** BEARBEITEN: ** Mein Fehler ... sie werden es für dich tun ... – musefan

Antwort

0

Verwenden einer for Schleife um die Linien zu verteilen, die den FA-Tag am Beginn jeder Zeile hinzuzufügen.

JSFiddle

0

Verwenden .html()

$('textarea').html('<span class="fa fa-check"></span> First text<span class="fa fa-check"></span> Second text'); 
+0

Nein, ich kann es nicht tun. weil ich keinen Zugang zu Erstem Text und Zweitem Text habe. Ich bekomme sie einfach so: . OK ? –

0

Eigentlich kann man nicht HTML-Tags innerhalb eines textarea hinzufügen, so dass Sie nicht in der Lage sein wird, zu tun, was Sie wollen.

Statt eine textarea zu verwenden, verwenden diese:

<div id="textarea" contenteditable> 
    Text 1 
    Text 2 
</div> 
+0

Nein, ich sollte nur Textarea Tag verwenden. Leider wurde ich dazu gezwungen. –