zoukankan      html  css  js  c++  java
  • 富文本编辑器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

  • 相关阅读:
    多测师讲解html _伪类选择器17_高级讲师肖sir
    多测师讲解html _后代选择器16_高级讲师肖sir
    多测师讲解html _组合选择器_高级讲师肖sir
    多测师讲解html _标签选择器14_高级讲师肖sir
    前端 HTML form表单标签 input标签 type属性 重置按钮 reset
    前端 HTML form表单标签 textarea标签 多行文本
    前端 HTML form表单标签 input标签 type属性 file 上传文件
    前端 HTML form表单标签 input标签 type属性 radio 单选框
    前端 HTML form表单标签 input标签 type属性 checkbox 多选框
    前端 HTML form表单目录
  • 原文地址:https://www.cnblogs.com/hsw-2013/p/3698554.html
Copyright © 2011-2022 走看看