您当前输入了 {{htmlCount}} 个文字。（字数统计包含HTML代码。）
您当前输入了 {{textCount}} 个文字。（字数统计包含纯文本、IMG、EMBED，不包含换行符，IMG和EMBED算一个文字。）
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>统计字数</title>
<meta name="viewport" content="width=device-width">
<meta name="descriptions" content="kindeditor统计字数"/>
<link type="text/css" rel="stylesheet" href="../style/avalon.doc.css"/>
<script src="../highlight/shCore.js"></script>
<script type="text/javascript" src="../avalon.js"></script>
</head>
<body ms-controller="demo">
<div class="wrapper">
<h1>统计字数</h1>
<textarea name="content" ms-widget="kindeditor,$,$opts"></textarea>
<p>
您当前输入了 <span class="word_count1">{{htmlCount}}</span> 个文字。（字数统计包含HTML代码。）<br />
您当前输入了 <span class="word_count2">{{textCount}}</span> 个文字。（字数统计包含纯文本、IMG、EMBED，不包含换行符，IMG和EMBED算一个文字。）
</p>
</div>
<script>
require(["./kindeditor/avalon.kindeditor", "domReady!"], function() {
var demoVM = avalon.define({
$id: "demo",
htmlCount: 0,
textCount: 0,
$opts: {
$options: {
afterChange: function() {
demoVM.htmlCount = this.count()
demoVM.textCount = this.count("text")
}
}
}
})
avalon.scan()
})
</script>
</body>
</html>