X 统计字数

统计字数

您当前输入了 0 个文字。（字数统计包含HTML代码。）
您当前输入了 0 个文字。（字数统计包含纯文本、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>