如何在 Textarea 元素中设置文本样式？

自定义 Textarea 文本格式

Textarea 具有滚动条等固有优势，但如果您需要对 中的特定文本部分进行样式化该怎么办;元素？

无法格式化 ;

中的元素虽然嵌入 似乎很直观用于文本格式化的标签，标准 元素本身不支持此功能。它们是为纯文本内容而设计的，而不是丰富的格式。

使用可内容编辑的“假文本区域”

要实现可自定义的文本格式，请考虑使用“假文本区域” “ 方法。实现一个

<div>具有 contenteditable 属性的元素，允许您编辑 div 内的内容。

<div>

自定义“假文本区域”

“假文本区域”允许更好的自定义：

• 使用 CSS 溢出设置滚动条属性。
• 在类似于常规文本区域的表单中使用此元素。

使用 jQuery 的示例

提交“假”的内容在 POST 请求中，您可以使用 jQuery:

<input type="hidden">

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