• 富文本编辑器kindeditor配置


    <!--富文本编辑器kindeditor配置↓ -->
    <link type="text/css" rel="stylesheet" href="kindeditor/themes/default/default.css" />
    <link rel="stylesheet" href="kindeditor/plugins/code/prettify.css" />
    <script type="text/javascript" charset="utf-8" src="kindeditor/kindeditor-min.js"></script>
    <script type="text/javascript" charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>
    <script type="text/javascript" charset="utf-8" src="kindeditor/plugins/code/prettify.js"></script>
    <script type="text/javascript">
        KindEditor.ready(function (K) {
            var editor1 = K.create('#content1', {
                items: [
    'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
    'removeformat', 'strikethrough', 'lineheight', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
    'insertunorderedlist', '|', 'emoticons', 'link', 'insertfile', 'media', '|', 'image', 'multiimage', 'map', 'baidumap', '|', 'preview', 'fullscreen',
    ],
                cssPath: 'kindeditor/plugins/code/prettify.css',
                uploadJson: 'kindeditor/asp.net/upload_json.ashx',
                fileManagerJson: 'kindeditor/asp.net/file_manager_json.ashx',
                allowFileManager: true,
                   afterChange : function() {
          $('.word_count1').html(this.count()); //字数统计包含HTML代码
          $('.word_count2').html(this.count('text'));  //字数统计包含纯文本、IMG、EMBED,不包含换行符,IMG和EMBED算一个文字
          //////////
          //限制字数
          var limitNum = 40000;  //设定限制字数
          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); //输入显示
          ////////
         } ,
    
    
    
                pasteType: 1,
                afterCreate: function () {
                    var self = this;
                    K.ctrl(document, 13, function () {
                        self.sync();
                        K('form[name=form1]')[0].submit();
                    });
                    K.ctrl(self.edit.doc, 13, function () {
                        self.sync();
                        K('form[name=form1]')[0].submit();
                    });
                }
            });
            prettyPrint();
        });
    </script>
    <!--富文本编辑器kindeditor配置↑--> 
    View Code
                <dt><span class="red">*</span> 职位描述:</dt>
                <dd >
                您当前输入了 <span class="word_count1">0</span> 个文字。(字数统计包含HTML代码。)<span class="word_surplus"></span>    
                  
                </dd>
                <dd >              
               <textarea id="content1" name="content1" style="700px;height:300px;visibility:hidden;"></textarea>
                                        
                </dd>
    View Code

  • 相关阅读:
    【SpringCloud】consul注册中心注册的服务为内网(局域网)IP
    找零钱-动态规划
    学习分治法+解决大数乘法问题
    如何在分析崩溃的边缘分析问题
    Hadoop组件开发技术.期中考.参考试卷
    数据库原理及应用.实验5.数据库的完整性和安全性
    数据库原理及应用.实验4.视图和索引的创建和使用
    数据库原理及应用.实验3.数据查询与更新
    数据库原理及应用.实验2.表的创建和管理
    数据库原理及应用.实验1.MySQL安装、卸载及使用
  • 原文地址:https://www.cnblogs.com/hsw-2013/p/3698554.html
Copyright © 2020-2023  润新知