2017-01-06 2 views
-4

jquery로 textarea에 font-awesome 태그를 추가하고 싶습니다. 글꼴 태그 : <span class="fa fa-check"></span> 및 텍스트 영역의 태그는 <textarea readonly>First text Second text</textarea> 입니다. 결국 나는 이것을 원해.jquery를 사용하여 textarea에 글꼴 멋진 태그 추가

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

어떻게 할 수 있습니까?

+0

. 텍스트 영역의 내용은 텍스트이므로 JS –

+0

font-awesome으로 수정할 수있는 DOM 요소는 여기에 관련이 없으므로 단순히 다른 요소에 요소를 추가하려고합니다. 많은 예제가 있으므로 검색해야합니다. 당신은 너 자신을 위해 이것을 처음 시도 할 필요가있다, 아무도는 당신을 위해 그것을 전부하지 않을 것이다 ** 편집 : ** 나의 실수 ... 그들은 당신을 위해 그것을 할 것이다 ... – musefan

답변

0

사용에게 for 루프는 각 줄의 시작 부분에 FA 태그를 추가, 선을 분할합니다. 당신은 당신이 원하는 일을 할 수 없기 때문

JSFiddle

0

사용 .html()

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

아니, 나는 그것을 할 수 없다. 왜냐하면 나는 첫 번째 텍스트와 두 번째 텍스트에 액세스 할 수 없기 때문입니다. 나는 이것들을 다음과 같이 얻는다 : . 알았지? –

0

사실, 당신은 textarea 내에서 HTML 태그를 추가 할 수 없습니다.

대신 textarea를 사용, 이것을 사용 : 당신이 여기서 뭘 하려는지 명확하지

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

아니요, textarea 태그를 사용해야합니다. 불행히도 나는 이것을해야만했다. –