<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Word Count Examples</title>
<style>
form {
margin: 0;
}
textarea {
display: block;
}
</style>
<link rel="stylesheet" href="../themes/default/default.css" />
<script charset="utf-8" src="../kindeditor-min.js"></script>
<script charset="utf-8" src="../lang/zh_CN.js"></script>
<script>
KindEditor.ready(function(K) {
K.create('textarea[name="content"]', {
afterChange : function() {
K('.word_count1').html(this.count());
K('.word_count2').html(this.count('text'));
}
});
});
</script>
</head>
<body>
<h3>统计字数</h3>
<form>
<textarea name="content" style="width:800px;height:200px;"></textarea>
<p>
您当前输入了 <span class="word_count1">0</span> 个文字。（字数统计包含HTML代码。）<br />
您当前输入了 <span class="word_count2">0</span> 个文字。（字数统计包含纯文本、IMG、EMBED，不包含换行符，IMG和EMBED算一个文字。）
</p>
</form>
</body>
</html>