富文本编辑器kindeditor配置

富文本编辑器kindeditor配置<!–富文本编辑器kindeditor配置↓–><linktype=”text/css”rel=”stylesheet”href=”kindeditor/themes/default/default.css”/><linkrel=”stylesheet”href=”kindeditor/plugins/code/prettify.cs…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

富文本编辑器kindeditor配置
富文本编辑器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

富文本编辑器kindeditor配置
富文本编辑器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>

View Code

富文本编辑器kindeditor配置

转载于:https://www.cnblogs.com/hsw-2013/p/3698554.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/182961.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • (一)activiti学习笔记

    (一)activiti学习笔记

    2021年7月12日
    86
  • VC—-各种数据类型VARIANT、COleVariant 、_variant_t

    VC—-各种数据类型VARIANT、COleVariant 、_variant_tVARIANT、COleVariant和_variant_t在OLE、ActiveX和COM中,VARIANT数据类型提供了一种非常有效的机制,由于它既包含了数据本身,也包含了数据的类型,因而它可以实现各种不同的自动化数据的传输。下面让我们来看看OAIDL.H文件中VARIANT定义的一个简化版:structtagVARIANT{VARTYPEvt;union{

    2022年7月18日
    16
  • Python基础知识总结(期末复习精简版)「建议收藏」

    Python基础知识总结(期末复习精简版)「建议收藏」–缩进–注释–命名–变量–保留字–数据类型–字符串–整数–浮点数–列表–字典–赋值语句–分支语句–函数–input()–print()–eval()–print()及其格式化

    2022年6月6日
    39
  • OpenSSL、OpenSSL-FIPS、OpenSSL-FIPS-ECP的区别

    OpenSSL、OpenSSL-FIPS、OpenSSL-FIPS-ECP的区别在OpenSSL的官网上可以看到三个分支,分别是openssl-、openssl-fips-、openssl-fips-ecp-。这三者的区别如下。 分支 内容差异 openssl- 完整版的OpenSSL openssl-fips- 把密码函数库单独抽出来,做成一个满足FIPS1…

    2022年7月20日
    18
  • pmp证书(职称证书丢失补办流程)

    前言OpenSSL中的概念很多,网上的文档也非常的多,在这里做一下总结,首先明确以下内容。Https访问完整流程1)客户端发起一个https请求,连接到服务器的443端口。2)服务端把自己的信息以数字证书的形式返回给客户端(证书内容有密钥公钥,网站地址,证书颁发机构,失效日期等)。证书中有一个公钥来加密信息,私钥由服务器持有。3)验证证书的合法性客户端收到服务器的响应后会先验证证书的合法性(证书中包含的地址与正在访问的地址是否一致,证书是否过期)。4)生成随机密码(RSA签名)如果验

    2022年4月18日
    128
  • JAVA标识符命名规则及命名规范[通俗易懂]

    JAVA标识符命名规则及命名规范[通俗易懂]文章目录一、标识符可以标识什么二、标识符是什么三、标识符命名规则一、标识符可以标识什么标识符可以标识类名、方法名、变量名、接口名、常量名等。二、标识符是什么凡是程序员自己有权利命名单词的叫做标识符。但是main虽然是标识符,但是程序员不能修改。三、标识符命名规则命名规则属于语法机制,必须遵守,不遵守命名规则标识符不符合语法,编译器会报错。规则1:标识符只能有数字、字母(包括中文)、下划线、美元符号$组成。规则2:不能以数字开头。规则3:java关键字和保留字不能做为标识符。规则4:标

    2022年7月8日
    19

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号