> 웹 프론트엔드 > HTML 튜토리얼 > 富文本编辑器kindeditor配置_html/css_WEB-ITnose

富文本编辑器kindeditor配置_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:05:20
원래의
1123명이 탐색했습니다.

<!--富文本编辑器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配置↑--> 
로그인 후 복사

            <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="width:700px;height:300px;visibility:hidden;"></textarea>                                                </dd>
로그인 후 복사

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿