Heim > Web-Frontend > HTML-Tutorial > 富文本编辑器kindeditor配置_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:05:20
Original
1122 Leute haben es durchsucht

<!--富文本编辑器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配置↑--> 
Nach dem Login kopieren

            <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>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage