</strong></p> <p><textarea> 요소는 스크롤 막대와 같은 편리한 기능을 제공하지만 텍스트 서식을 직접 지정하는 기능은 부족합니다. <textarea> 내 텍스트의 특정 부분의 형식을 지정하려면 대체 접근 방식이 필요합니다.</p> <p><strong>"가짜" 편집 가능한 DIV 사용</strong></p> <p>< ;textarea>에서 <div>와 같은 새 요소를 만들고 contenteditable 속성을 true로 설정합니다. 이렇게 하면 요소를 텍스트 영역처럼 편집할 수 있습니다.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><div></pre><div class="contentsignin">로그인 후 복사</div></div> <p><strong>"가짜" 텍스트 영역 사용자 정의</strong></p> <p><div> 스크롤 막대 추가를 포함하여 <textarea>의 모양과 동작을 복제하기 위해 요소를 CSS 스타일로 사용자 정의할 수 있습니다.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>#fake_textarea { width: 500px; height: 200px; overflow: auto; border: 1px solid #ccc; }</pre><div class="contentsignin">로그인 후 복사</div></div> <p><strong>양식 데이터 캡처</strong></p> <p>캡처하려면 "가짜" <textarea> 제출 양식 내에서 JavaScript 및 jQuery를 사용할 수 있습니다.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><input type="hidden"></pre><div class="contentsignin">로그인 후 복사</div></div> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>$('#your_form').submit(function() { $('#fake_textarea_content').val($('#fake_textarea').html()); });</pre><div class="contentsignin">로그인 후 복사</div></div> <p>이 스크립트는 숨겨진 입력 필드(#fake_textarea_content)의 값을 "fake" <textarea>의 콘텐츠로 설정합니다. ; 양식을 제출할 때 일반 양식처럼 제출할 수 있습니다.</p>
