格式化<textarea>？</textarea>中的文本

Question

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

Answer 1

如果您需要自定义textarea，请使用具有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());
});

Answer 2

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

你想要这样的东西：？

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

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

这允许您编辑div的内容，它仍然看起来像textarea，

Bold现在可以使用。

Answer 3

您无法在TEXTAREA内使用HTML。

通过添加overflow: auto和修正width和/或height，可以将滚动应用于任何元素。

Answer 4

您可以使用像CKEditor这样的网页html编辑器来格式化文本区域中的数据。请检查此http://ckeditor.com/

Answer 5

提交“假”文本区域的另一种方法是在表单标记

中包含以下行

<form onsubmit=" $('#fake_textarea_content').val($('#fake_textarea').html());">
</form>