2012-01-23 3 views
4

텍스트 영역에 html을 표시하려고합니다. 자바 스크립트 또는 jquery를 사용하여 <textarea> 안에 양식 요소가 포함 된 <div>을 표시 할 수 있습니까?텍스트 부분에 div 표시

+0

'textarea'안에 html 콘텐츠 만 넣을 수 있지만 컨테이너 안의 요소처럼 표시 할 수 없습니다. – Samich

+0

기존의 오픈 소스 WYSIWYG 편집기를 살펴볼 수 있습니다. 귀하의 프로젝트가 WYSIWYG를 구축하는 것이 아니라면 WYSIWYG를 완벽하게 유지하고 유지하는 데 많은 노력이 필요하기 때문에이 프로젝트를 사용하는 것이 좋습니다. 종종 해킹으로 구성되기 때문에 브라우저 간 최적화는 b ** ch입니다. 개인적으로 저는 www.ckeditor.com을 사용합니다. –

+0

이와 같은 작업을 수행해야한다면 텍스트 영역 배경을 투명하게 만들고 텍스트 영역 뒤에 원하는 내용을 배치 할 수 있습니다. – Undefined

답변

7

HTML 요소는 텍스트 영역에만 삽입 할 수 있으며 텍스트 내용 만 삽입 할 수 있습니다.

+0

@Juicy Scripter 좋은 카운터 :-) – Exception

+0

'텍스트 내용 만 '이 해당 부분을 다룹니다. – JaredMcAteer

0

아니요, UI가 렌더링되지 않습니다. 양식 필드를 표시하려면 왜 textarea을 사용하고 있습니까? 당신은 정상적인 html을 사용할 수 있습니다.

0

이와 같이 <textarea>에서 html 태그를 사용할 수 없습니다. 해결 방법을 찾아야합니다.

12

div를 텍스트 영역에 넣을 수 없지만 때때로 그렇게해야합니다. 좋은 소식은 contenteditable 요소의 속성을 사용하여 다른 방법으로 할 수 있다는 것입니다. Like

<div contenteditable="true" style="min-height:50px; width:300px;" id="txtDiv"> 
</div> 

이 사업부는 Textarea와 똑같이 동작하지만 원하는 것은 추가 할 수 있습니다. 그리고 jquery에서 내부에서 데이터를 가져올 때를 기억하십시오.

var ContentofDiv = $('#txtDiv').html(); 

이제 다른 사람들과 마찬가지로 하위 항목을 추가 할 수 있습니다.