텍스트 영역에 html을 표시하려고합니다. 자바 스크립트 또는 jquery를 사용하여 <textarea>
안에 양식 요소가 포함 된 <div>
을 표시 할 수 있습니까?텍스트 부분에 div 표시
답변
HTML 요소는 텍스트 영역에만 삽입 할 수 있으며 텍스트 내용 만 삽입 할 수 있습니다.
@Juicy Scripter 좋은 카운터 :-) – Exception
'텍스트 내용 만 '이 해당 부분을 다룹니다. – JaredMcAteer
아니요, UI가 렌더링되지 않습니다. 양식 필드를 표시하려면 왜 textarea
을 사용하고 있습니까? 당신은 정상적인 html을 사용할 수 있습니다.
이와 같이 <textarea>
에서 html 태그를 사용할 수 없습니다. 해결 방법을 찾아야합니다.
div를 텍스트 영역에 넣을 수 없지만 때때로 그렇게해야합니다. 좋은 소식은 contenteditable 요소의 속성을 사용하여 다른 방법으로 할 수 있다는 것입니다. Like
<div contenteditable="true" style="min-height:50px; width:300px;" id="txtDiv">
</div>
이 사업부는 Textarea와 똑같이 동작하지만 원하는 것은 추가 할 수 있습니다. 그리고 jquery에서 내부에서 데이터를 가져올 때를 기억하십시오.
var ContentofDiv = $('#txtDiv').html();
이제 다른 사람들과 마찬가지로 하위 항목을 추가 할 수 있습니다.
- 1. 텍스트 입력시 DIV 표시
- 2. 텍스트 검색을 기준으로 div 표시
- 3. UILabel 정렬 : 끝 부분에 "..."표시
- 4. 지도 외부에있는 이미지 표시 (지도의 보이는 부분에 표시)
- 5. 텍스트 상자의 텍스트 끝 부분에 포커스가 있습니다
- 6. DIV 안에 커서 표시
- 7. 보이는 부분에 텍스트 영역을 제한하십시오.
- 8. 텍스트 오버플로 Div
- 9. 클릭하면 선택 표시, 선택 표시 변경 표시 텍스트
- 10. 한 div 표시 및 한 div 표시 없음
- 11. Jquery 표시/숨기기 Div
- 12. div 표시/숨기기
- 13. 표시/숨기기 DIV
- 14. mouseover에서 div 표시/숨기기
- 15. 일부 div 인라인 표시
- 16. 앵커를 사용하여 div 표시
- 17. 페이지에 숨겨진 div 표시
- 18. JS의 표시/숨기기 DIV
- 19. div 표시 다른 사람
- 20. div 클래스 숨기기/표시
- 21. div 표시 및 숨기기
- 22. div 태그를 조건부로 표시
- 23. 목록에 div 표시/숨기기
- 24. Selectbox div 표시/숨기기
- 25. 여러 div 표시/숨기기
- 26. div 표시 및 숨기기
- 27. jQuery로 div 표시 토글
- 28. 숨기기/표시 DIV
- 29. Javascript not div 표시
- 30. 이미지 위에 div 표시
'textarea'안에 html 콘텐츠 만 넣을 수 있지만 컨테이너 안의 요소처럼 표시 할 수 없습니다. – Samich
기존의 오픈 소스 WYSIWYG 편집기를 살펴볼 수 있습니다. 귀하의 프로젝트가 WYSIWYG를 구축하는 것이 아니라면 WYSIWYG를 완벽하게 유지하고 유지하는 데 많은 노력이 필요하기 때문에이 프로젝트를 사용하는 것이 좋습니다. 종종 해킹으로 구성되기 때문에 브라우저 간 최적화는 b ** ch입니다. 개인적으로 저는 www.ckeditor.com을 사용합니다. –
이와 같은 작업을 수행해야한다면 텍스트 영역 배경을 투명하게 만들고 텍스트 영역 뒤에 원하는 내용을 배치 할 수 있습니다. – Undefined