如何在textarea中的文本上应用文本修饰

Question

如何在textarea中的文本上应用文本修饰，如粗体，斜体，下划线等？

Answer 1

使用简单的textarea是不可能的，您必须使用rich text editors。一些着名的是：

• http://tinymce.moxiecode.com/
• http://ckeditor.com/
• http://nicedit.com/

Answer 2

如果要为整个对象设置样式，可以像CSS中的任何其他元素一样进行。

#mytextarea {font-weight:bold;}

等

但是，我怀疑你实际要求的是在textarea中设置文本的部分;即有效地进行富文本控制。使用标准textarea字段无法做到这一点。

在这种情况下，最好的解决方案是使用Javascript编写的WYSIWYG编辑器控件之一。幸运的是，有许多可用。例如，尝试Spaw Editor（但还有很多其他的）。

Answer 3

无法将样式应用于textarea中的文本。

您可以查看contentEditable属性。

<div id="textarea" contentEditable="true"></div>

contentEditable属性适用于FF3，Opera和Safari。

Answer 4

您需要通过javascript使用富文本框插件。有许多可用于不同的JavaScript库，有些是独立的。它们通常被称为Visual或WYSIWYG编辑器。

你应该可以很容易地找到一些谷歌。

Answer 5

你需要使用WYSIWYG插件 - http://plugins.jquery.com/plugin-tags/wysiwyg 或相关的JS脚本。