如何實作文字區域的富文本編輯？

文字區域中的富文本編輯：克服限制

文字區域透過其內建條提供有價值的功能。但是，它們缺乏使用 HTML 元素格式化特定文字部分的能力。

解決方案：使用 Contenteditable Div 模擬 TextArea

要克服此限制，您可以複製使用帶有 contenteditable 屬性的 div 的 textarea 行為。原因如下：

• 它提供了更多的自訂選項。
• 文字區域專為純文字而設計，而 div 支援豐富的內容。

實作範例

要建立一個假文字區域，只需使用下列指令HTML:

<div>
<p><strong>其他注意事項</strong></p>
<ul>
<li>捲軸可以透過CSS溢出來重現。 </li>
<li>提交表單：使用隱藏輸入捕獲假貨的內容文字區域：</li>
</ul>
<pre class="brush:php;toolbar:false"><input type="hidden">

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