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