管理杂谈OA答疑ERP答疑教程搜索

7个提高 TextArea 操作性能的 jQuery 插件


默认状态下的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.pnghttp://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>typewatchstrong>( options );

插件网址: dennydotnet.com


插件下载: typewatch.js


更多精彩文章浏览...
点击右上角图标分享到朋友圈
官方网站:http://www.clicksun.cn
咨询热线:400-186-1886
服务邮箱:service@clicksun.cn