zoukankan      html  css  js  c++  java
  • KindEditor限制输入字数

    <asp:TextBox runat="server" ID="txtRemarks" TextMode="MultiLine"></asp:TextBox>
                                    <span id="sp_limtNum"></span>(200字以内)
    <link rel="stylesheet" href="/kindeditor/themes/default/default.css" />
        <link rel="stylesheet" href="/kindeditor/plugins/code/prettify.css" />
        <script charset="utf-8" src="/kindeditor/kindeditor-all.js"></script>
        <script charset="utf-8" src="/kindeditor/plugins/code/prettify.js"></script>
        <script>
            KindEditor.ready(function (K) {
                var editor = K.create('#<%=txtRemarks.ClientID%>', {
                    items: [
            'source', '|', 'undo', 'redo', '|',
             'justifyleft', 'justifycenter', 'justifyright',
            'justifyfull', '|', 'formatblock', 'fontname', 'fontsize', '|',
            'forecolor', 'hilitecolor', 'bold',
            'italic', 'underline', 'strikethrough', '|', 'insertfile', 'table', '|', 'fullscreen'
                    ],
                    langType: "<%=Maticsoft.Web.Components.LanguageHelper.CultureLanguage %>",
                    uploadJson: '/kindeditor/asp.net/upload_json.ashx',
                    fileManagerJson: '/kindeditor/asp.net/file_manager_json.ashx',
                    allowFileManager: true,
                    afterCreate: function () {
    
                    },
                    afterChange: function () {
                        //$('.word_count2').html(this.count('text'));  //字数统计包含纯文本、IMG、EMBED,不包含换行符,IMG和EMBED算一个文字
                        //限制字数
                        var limitNum = 200;  //设定限制字数
                        var pattern = '还可以输入' + limitNum + '';
                        $('#sp_limtNum').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 + '';
                        }
                        $('#sp_limtNum').html(pattern); //输入显示
                    },
                    //afterBlur: function () {
                    //    //编辑器失去焦点时直接同步,可以取到值  
                    //    this.sync();   //解决parsley.js验证失效的问题
                    //}
                });
                prettyPrint();
            });
        </script>
  • 相关阅读:
    在为知笔记中使用JQuery
    解决Wireshark安装Npcap组件失败
    SSL/TLS抓包出现提示Ignored Unknown Record
    Metasploit中aggregator插件无法使用
    Metasploit运行环境内存不要低于2GB
    如何查看抓包文件所使用的捕获过滤器
    Nvidia的CUDA库现在恢复使用了
    Metasploit远程调用Nessus出错
    Nessus更新到8.3.0
    Kali Linux安装字典StarDict
  • 原文地址:https://www.cnblogs.com/SmilePastaLi/p/7089360.html
Copyright © 2011-2022 走看看