KindEditor 4 输入框限定字数

最新推荐文章于 2025-09-12 13:16:34 发布

转载最新推荐文章于 2025-09-12 13:16:34 发布 · 82 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kopheece/archive/2012/04/10/2441502.html

文章标签：

#xhtml #php #javascript #ViewUI

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 输入框限定字数</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()); //字数统计包含HTML代码
$('.word_count2').html(this.count('text')); //字数统计包含纯文本、IMG、EMBED，不包含换行符，IMG和EMBED算一个文字
//////////
//限制字数
var limitNum = 100; //设定限制字数
var pattern = '还可以输入' + limitNum + '字'; 
$('.word_surplus').html(pattern); //输入显示
if(this.count('text') > limitNum) {
pattern = ('字数超过限制，请适当删除部分内容');
//超过字数限制自动截取
var strValue = editor.text();
strValue = strValue.substring(0,limitNum);
editor.text(strValue); 
} else {
//计算剩余字数
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="提交内容" />
< /form>
< br>
< p> 您当前输入了 <span class="word_count1">0</span> 个文字。（字数统计包含HTML代码。）<br />
您当前输入了 <span class="word_count2">0</span> 个文字。（字数统计包含纯文本、IMG、EMBED，不包含换行符，IMG和EMBED算一个文字。）<br>
<span class="word_surplus"></span> 
< /p>
< br>
< /body>
< /html>