[p]默认状态下的textarea文本的功能确实有限，它甚至不能支持常用的html代码，所以，在多数情况下，我们通过其他控件或别的办法来增强textarea的可操作性，以下就是7个跟提高textarea操作性能相关的优秀的jquery插件介绍。[/p] 1，mark it up [p][url=http://reynoldsftw.com/wp-content/uploads/2009/03/mark-it-up1.png][img]http://bbon.cn/wp-content/uploads/2010/03/214000hjd.png[/img][/url][/p] [p][url=http://markitup.jaysalvat.com/examples/]mark it up[/url] 是一款功能强大的jquery文本编辑插件，使得你页面中的textarea文本框可以进行常用的html，bbcode，textile以及wiki plus等编辑出来，而且它的使用非常也是简单，调用代码如下：[/p] $[color=#009900]([/color][color=#3366cc]'#html'[/color][color=#009900])[/color].[color=#660066]markitup[/color][color=#009900]([/color]myhtmlsettings[color=#009900])[/color][color=#339933];[/color] [p]插件网址：[url=http://markitup.jaysalvat.com/examples/]jaysalvat.com[/url][/p] [p]插件下载：[url=http://markitup.jaysalvat.com/downloads/]markitup pack 1.1.5[/url][/p] 2，retype [p][url=http://myyn.org/retype/jquery-retype/example/#german][img]http://bbon.cn/wp-content/uploads/2010/03/2140010oa.png[/img][/url][img]http://bbon.cn/wp-content/uploads/2010/03/214003agu.gif[/img][/p] [p][url=http://myyn.org/retype/jquery-retype/example/#german]retype[/url] 是一个使用非常简单的可支持多语言键盘切换的文本编辑器，无需用户安装不同语言的输入法，即可实现强大的多语言软键盘输入。[/p] [p]插件网址：[url=http://myyn.org/retype/jquery-retype/example/#german]myyn.org[/url][/p] [p]插件下载：[url=http://bitbucket.org/miku/jquery-retype/src/]jquery-retype[/url][/p] 3，modal preview [p][align=center][url=http://devkick.com/lab/modalpreview/][img]http://bbon.cn/wp-content/uploads/2010/03/214004qrx.png[/img][/url][/align][/p] [p][url=http://devkick.com/lab/modalpreview/]modal preview[/url] 是一个jquery文本框内容预览插件，支持html、动画和透明效果等效果预览，调用代码如下：[/p] $[color=#009900]([/color][color=#339933]<[/color]code[color=#339933]>[/color][color=#3366cc]'form textarea'[/color][color=#339933]<[/color]code[color=#339933]>[/color][color=#009900])[/color].[color=#660066]modalpreview[/color][color=#009900]([/color]options[color=#009900])[/color][color=#339933];[/color] [p]插件网址： [url=http://devkick.com/lab/modalpreview/]devkick.com[/url][/p] [p]插件下载：[url=http://devkick.com/media/js/jquery.modalpreview.js]modalpreview[/url][/p] 4，text input limiter [p]text input limiter 是一个限制文本框内容输入字数的jquery插件，同时支持字数统计功能。[/p] [p]插件下载： [url=http://plugins.jquery.com/project/textlimiter]textlimit.js[/url][/p] 5，htmlbox [p][url=http://remiya.com/cms/projects/jquery-plugins/htmlbox/][img]http://bbon.cn/wp-content/uploads/2010/03/214005zhh.png[/img][/url][/p] [p][url=http://remiya.com/cms/projects/jquery-plugins/htmlbox/]htmlbox[/url] 是一个和[url=http://markitup.jaysalvat.com/examples/]mark it up[/url] 功能类似的文本编辑增强插件，拥有更多细致的html等可视化操作。[/p] [p]插件网址：[url=http://remiya.com/cms/projects/jquery-plugins/htmlbox/] remiya.com[/url][/p] [p]插件下载： [url=http://remiya.com/files/htmlbox/htmlbox_2.8.zip]htmlbox 2.8[/url][/p] 6，resize [p][url=http://itsavesyou.com/textarea_resizer_example.htm][img]http://bbon.cn/wp-content/uploads/2010/03/214006lxw.png[/img][/url][/p] [p][url=http://itsavesyou.com/textarea_resizer_example.htm]resize[/url] 是一个用来在页面中，即时调整文本框大小的jquery插件，调用代码如下：[/p] $[color=#009900]([/color][color=#3366cc]'textarea.resizable:not(.processed)'[/color][color=#009900])[/color].[color=#660066]textarearesizer[/color][color=#009900]([/color][color=#009900])[/color][color=#339933];[/color] [p]插件网址： [url=http://itsavesyou.com/textarea_resizer_example.htm]itsavesyou.com[/url][/p] [p]插件下载： [url=http://plugins.jquery.com/project/textarearesizer]textarearesize[/url][/p] 7，typewatch [p][url=http://dennydotnet.com/post/typewatch-jquery-plugin.aspx]typewatch[/url] 是一个用户监控用户对当前文本区域内容的输入操作是否完成的jquery插件，调用代码如下：[/p] [color=#003366][b]var[/b][/color] options [color=#339933]=[/color] [color=#009900]{[/color] callback[color=#339933]:[/color][color=#003366][b]function[/b][/color][color=#009900]([/color][color=#009900])[/color][color=#009900]{[/color] [color=#000066]alert[/color][color=#009900]([/color][color=#3366cc]"changed search text"[/color][color=#009900])[/color][color=#339933];[/color] [color=#009900]}[/color][color=#339933],[/color] wait[color=#339933]:[/color]750[color=#339933],[/color] highlight[color=#339933]:[/color][color=#003366][b]true[/b][/color][color=#339933],[/color] enterkey[color=#339933]:[/color][color=#003366][b]true[/b][/color][color=#339933],[/color] [color=#009900]}[/color] $[color=#009900]([/color][color=#3366cc]"#search"[/color][color=#009900])[/color].[color=#339933]<[/color]strong[color=#339933]>[/color]typewatch[color=#339933][/color][color=#009900]([/color] options [color=#009900])[/color][color=#339933];[/color] [p]插件网址：[url=http://dennydotnet.com/post/typewatch-jquery-plugin.aspx] dennydotnet.com[/url][/p] [p]插件下载： [url=http://plugins.jquery.com/files/typewatch.js_0.txt]typewatch.js[/url][/p]