在 <textarea> 中格式化文本？

Question

由于一些内置功能（滚动条），文本区域很棒。我如何格式化 <spans> 中的文本 <textarea> ？

原文由 Don P 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您需要自定义文本区域，请使用另一个具有 contenteditable 属性的元素（如 DIV）重现其行为。

它更具可定制性，也是一种更现代的方法，textarea 仅适用于纯文本内容，不适用于丰富的内容。

 <div id="fake_textarea" contenteditable></div>

可以使用 CSS overflow 属性重现滚动条。

您可以正常地在表单中使用这个伪造的文本区域，即：如果您必须通过 POST 方法提交其内容，您可以执行类似（使用 jQuery）的操作：

 <input type="hidden" id="fake_textarea_content" name="foobar">

…

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

原文由 Alcides Queiroz 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您不能单独设置文本区域内容的样式，您必须使用 <div> 或类似的东西。

你想要这样的东西吗？

http://jsfiddle.net/mekwall/XNkDx/

 $('.editable').each(function(){
    this.contentEditable = true;
});

这允许你编辑一个 div 的内容，它仍然看起来像一个文本区域，

粗体现在可以工作了。

原文由 Deep 发布，翻译遵循 CC BY-SA 4.0 许可协议