DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 提高Textarea操作性能優秀的jQuery插件
提高Textarea操作性能優秀的jQuery插件
編輯:關於JavaScript     

默認狀態下的Textarea文本的功能確實有限,它甚至不能支持常用的HTML代碼,所以,在多數情況下,我們通過其他控件或別的辦法來增強Textarea的可操作性,以下就是7個跟提高Textarea操作性能相關的優秀的jQuery插件介紹。

1,Mark It Up

mark-it-up1

Mark It Up 是一款功能強大的jQuery文本編輯插件,使得你頁面中的Textarea文本框可以進行常用的HTML,BBCode,Textile以及WiKi plus等編輯出來,而且它的使用非常也是簡單,調用代碼如下:

$('#html').markItUp(myHtmlSettings);

插件網址:jaysalvat.com

插件下載:markitup pack 1.1.5

2,ReType

retype2

ReType 是一個使用非常簡單的可支持多語言鍵盤切換的文本編輯器,無需用戶安裝不同語言的輸入法,即可實現強大的多語言軟鍵盤輸入。

插件網址:myyn.org

插件下載:jquery-retype

3,Modal Preview

modal-preview2

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

html-box

HTMLBox 是一個和Mark It Up 功能類似的文本編輯增強插件,擁有更多細致的HTML等可視化操作。

插件網址: remiya.com

插件下載: HTMLBox 2.8

6,Resize

resize

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved