テキストエリアのテキスト形式のカスタマイズ テキストエリアにはスクロールバーのような固有の利点がありますが、 をフォーマットできません</p> <p> の要素 <span> を埋め込むのは直感的に思えるかもしれませんが、テキストの書式設定用のタグ、標準の <textarea>要素はこの機能をネイティブにサポートしていません。これらは、リッチ フォーマットではなく、プレーン テキスト コンテンツ用に設計されています。</span></p> <p><strong>コンテンツ編集可能な「フェイク テキストエリア」を使用する</strong></p> <p>カスタマイズ可能なテキスト フォーマットを実現するには、「フェイク テキストエリア」の使用を検討してください。 " アプローチ。 </p> <div> を実装します。 contenteditable 属性を持つ要素。これにより、div 内のコンテンツを編集できます。<div class="code" style="position:relative; padding:0px; margin:0px;"><pre><div></pre><div class="contentsignin">ログイン後にコピー</div></div> <p><strong>「フェイク テキストエリア」のカスタマイズ</strong></p> <p>「フェイク テキストエリア」では、次のことが可能になります。より優れたカスタマイズ:</p> <ul> <li>CSS オーバーフローを使用してスクロールバーを設定する</li> <li>通常のテキストエリアのようにフォームでこの要素を使用します。</li> </ul> <p><strong>jQuery を使用した例</strong></p> <p>「偽のコンテンツ」を送信するにはtextarea" を POST リクエストで使用するには、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> を使用できます。</div>
