Home > Web Front-end > HTML Tutorial > Rich text editor kindeditor configuration_html/css_WEB-ITnose

Rich text editor kindeditor configuration_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:05:20
Original
1143 people have browsed it

<!--富文本编辑器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配置↑--> 
Copy after login

            <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>
Copy after login

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template