KindEditor 4 输入框限定字数
生活随笔
收集整理的這篇文章主要介紹了
KindEditor 4 输入框限定字数
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
jquery 1.6.4
?
html 代碼：
?
?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns="http://www.w3.org/1999/xhtml"> < head> < meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> < title>KindEditor 4 輸入框限定字數(shù)</title> < script charset="utf-8" src="../jquery-1.6.4.min.js"></script> < script charset="utf-8" src="../kindeditor-min.js"></script> < script charset="utf-8" src="../lang/zh_CN.js"></script> < script type="text/javascript"> //KindEditor $(function() { var editor = KindEditor.create('textarea[name="content1"]',{ resizeType : 0, // 2時可以拖動改變寬度和高度，1時只能改變高度，0時不能拖動。 themeType : 'simple', //指定主題風格，可設置”default”、”simple” 指定simple時需要引入simple.css height : '500px', readonlyMode : false, //只讀模式 默認為false allowFileManager : true, //顯示瀏覽遠程服務器按鈕 afterChange : function() { $('.word_count1').html(this.count()); //字數(shù)統(tǒng)計包含HTML代碼 $('.word_count2').html(this.count('text')); //字數(shù)統(tǒng)計包含純文本、IMG、EMBED，不包含換行符，IMG和EMBED算一個文字 // //限制字數(shù) var limitNum = 100; //設定限制字數(shù) var pattern = '還可以輸入' + limitNum + '字'; $('.word_surplus').html(pattern); //輸入顯示 if(this.count('text') > limitNum) { pattern = ('字數(shù)超過限制，請適當刪除部分內(nèi)容'); //超過字數(shù)限制自動截取 var strValue = editor.text(); strValue = strValue.substring(0,limitNum); editor.text(strValue); } else { //計算剩余字數(shù) var result = limitNum - this.count('text'); pattern = '還可以輸入' + result + '字'; } $('.word_surplus').html(pattern); //輸入顯示} });});</script> < /head><body><h1>HYZX 默認</h1> < form name="example" method="post" action="demo-default.php"> <textarea name="content1" id="content1" >000000000</textarea> <br /> < br> < br><input type="submit" name="button" value="提交內(nèi)容" /> < /form> < br> < p> 您當前輸入了 <span class="word_count1">0</span> 個文字。（字數(shù)統(tǒng)計包含HTML代碼。）<br /> 您當前輸入了 <span class="word_count2">0</span> 個文字。（字數(shù)統(tǒng)計包含純文本、IMG、EMBED，不包含換行符，IMG和EMBED算一個文字。）<br> <span class="word_surplus"></span> < /p> < br> < /body> < /html>?
轉(zhuǎn)載于:https://www.cnblogs.com/kopheece/archive/2012/04/10/2441502.html
總結
以上是生活随笔為你收集整理的KindEditor 4 输入框限定字数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Chart Share
- 下一篇： HTML5编程实战之二：用动画的形式切换