LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

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

admin
2010年4月26日 23:28 本文热度 7546
[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]

该文章在 2010/4/26 23:28:51 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved