格式化文本？

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>s或类似的东西。

你想要这样的东西：？

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

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

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

大胆现在会工作。

Answer 3

你不能在TEXTAREA中使用HTML。

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

Answer 4

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

Answer 5

提交“假”文本区域的另一种方法是在表单标记内包含以下行

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