``요소 내에서 텍스트 서식을 어떻게 지정합니까?

요소는 스크롤 막대와 같은 편리한 기능을 제공하지만 텍스트 서식을 직접 지정하는 기능은 부족합니다. <textarea> 내 텍스트의 특정 부분의 형식을 지정하려면 대체 접근 방식이 필요합니다.

"가짜" 편집 가능한 DIV 사용

< ;textarea>에서

와 같은 새 요소를 만들고 contenteditable 속성을 true로 설정합니다. 이렇게 하면 요소를 텍스트 영역처럼 편집할 수 있습니다.

<div>
<p><strong>"가짜" 텍스트 영역 사용자 정의</strong></p>
<p></p>
<div> 스크롤 막대 추가를 포함하여 <textarea>의 모양과 동작을 복제하기 위해 요소를 CSS 스타일로 사용자 정의할 수 있습니다.<pre class="brush:php;toolbar:false">#fake_textarea {
  width: 500px;
  height: 200px;
  overflow: auto;
  border: 1px solid #ccc;
}

양식 데이터 캡처

캡처하려면 "가짜" 제출 양식 내에서 JavaScript 및 jQuery를 사용할 수 있습니다.

<input type="hidden">

$('#your_form').submit(function() {
  $('#fake_textarea_content').val($('#fake_textarea').html());
});

이 스크립트는 숨겨진 입력 필드(#fake_textarea_content)의 값을 "fake"