日韩欧美国产精品免费一二-日韩欧美国产精品亚洲二区-日韩欧美国产精品专区-日韩欧美国产另-日韩欧美国产免费看-日韩欧美国产免费看清风阁

[p]默認狀態(tài)下的textarea文本的功能確實有限，它甚至不能支持常用的html代碼，所以，在多數(shù)情況下，我們通過其他控件或別的辦法來增強textarea的可操作性，以下就是7個跟提高textarea操作性能相關的優(yōu)秀的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]插件網(wǎng)址：[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] 是一個使用非常簡單的可支持多語言鍵盤切換的文本編輯器，無需用戶安裝不同語言的輸入法，即可實現(xiàn)強大的多語言軟鍵盤輸入。[/p]
[p]插件網(wǎng)址：[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]插件網(wǎng)址： [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 是一個限制文本框內容輸入字數(shù)的jquery插件，同時支持字數(shù)統(tǒng)計功能。[/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]插件網(wǎng)址：[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]插件網(wǎng)址： [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] 是一個用戶監(jiān)控用戶對當前文本區(qū)域內容的輸入操作是否完成的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]插件網(wǎng)址：[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]