<html>

<head>

<script charset="utf-8" src="/kindeditor/kindeditor_min.js" type="text/javascript"></script>

</head>

<body>

<textarea id="Description" cols="100" rows="8" style="width: 700px; height: 400px;visibility: hidden;" runat="server"></textarea>

<br />
<span id="spRemaining" style="color:green"></span>

</body>

<script type="text/javascript">

var keditor;
$(function () {
//判断是否超过。
var whetherMoreThan = 0;

var keoptions = {
minWidth: 585,
filterMode: true,
indentChar: ' ',
cssPath: '/kindeditor/plugins/code/prettify.css',
uploadJson: '/kindeditor/asp.net/upload_json.ashx',
fileManagerJson: '/kindeditor/asp.net/file_manager_json.ashx',
allowImageUpload: true,
allowFlashUpload: false,
allowMediaUpload: false,
allowFileManager: true,
allowImageRemote: true,
fillDescAfterUploadImage: true,
afterCreate: function() {
var self = this;
KindEditor.ctrl(document, 13, function() {
self.sync();
KindEditor('form1')[0].submit();
});
KindEditor.ctrl(self.edit.doc, 13, function() {
self.sync();
KindEditor('form1')[0].submit();
});
}, afterChange: function () {
var limitNum = 8000; //设定最大长度数
if (this.count() > limitNum) { //限制html的长度
// if (this.count("text") > limitNum) { //限制文本的长度
//alert("超过最大长度");
document.getElementById("spRemaining").style.color = "red";
document.getElementById("spRemaining").innerHTML = "已经超过最大值，不属于在输入";
//取上一次的值。
var Descriptionvalue =document.getElementById("Description").value;
this.html(Descriptionvalue);
whetherMoreThan = 1;
}
else {
//未了让他不显示剩余位置。
if (whetherMoreThan == 1) {
whetherMoreThan = 0;
}
else {
document.getElementById("spRemaining").style.color = "green";
document.getElementById("spRemaining").innerHTML = "剩余字数" + (limitNum - this.count());
}
//把值同步到textarea
this.sync("Description");
}
}
};

keoptions = $.extend(keoptions, ketoolbase);
keditor = KindEditor.create('#Description', keoptions);
});

</script>

</html>

kindeditor限制html长度的问题的更多相关文章

  1. ux.form.field.KindEditor 所见所得编辑器

    注意需要引入KindEditor相关资源 //所见所得编辑器 Ext.define('ux.form.field.KindEditor', { extend: 'Ext.form.field.Text ...

  2. extjs4 与 kindeditor

    <link rel="stylesheet" href="<?php echo Yii::app()->request->baseUrl;?> ...

  3. KindEditor编辑器（初始化参数）

    width 编辑器的宽度,可以设置px或%,比textarea输入框样式表宽度优先度高. 数据类型: String 默认值: textarea输入框的宽度 示例: K.create('#id', {  ...

  4. KindEditor参数具体解释

    width 编辑器的宽度.能够设置px或%.比textarea输入框样式表宽度优先度高. 数据类型: String 默认值: textarea输入框的宽度 演示样例: K.create('#id',  ...

  5. “百度杯”CTF比赛 十二月场_blog（kindeditor编辑器遍历，insert注入，文件包含）

    题目在i春秋的ctf训练营中能找到 首先先是一个用户登录与注册界面,一般有注册界面的都是要先让你注册一波,然后找惊喜的 那我就顺着他的意思去注册一个号 注册了一个123用户登录进来看到有个文本编辑器, ...

  6. 在线HTML编辑器KindEditor

     简介 KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE.Firefox.Chrome.Safari.Opera等主流浏览器.KindEdi ...

  7. Python开发【Django】：图片验证码、KindEditor

    图片验证码 生成图片验证码需要以下: session check_code.py(依赖:Pillow,字体文件) 模块安装 pip install Pillow src属性后面加? 在utils下拷贝 ...

  8. python笔记-20 django进阶 （model与form、modelform对比，三种ajax方式的对比，随机验证码，kindeditor）

    一.model深入 1.model的功能 1.1 创建数据库表 1.2 操作数据库表 1.3 数据库的增删改查操作 2.创建数据库表的单表操作 2.1 定义表对象 class xxx(models.M ...

  9. hash表长度优化证明

    hash表冲突的解决方法一般有两个方向: 一个是倾向于空间换时间,使用向量加链表可以最大程度的在节省空间的前提下解决冲突. 另外一个倾向于时间换空间,下面是关于这种思路的一种合适表长度的证明过程: 这 ...

随机推荐

  1. a+b（用子函数）

    今天编的一个较简单的函数调用的程序 题目:a+b(用子函数) 程序 #include<stdio.h> void addition() { int a,b; scanf("%d ...

  2. 24种设计模式--桥梁模式【Bridge Pattern】

    今天我要说说我自己,梦想中的我自己,我身价过亿,有两个大公司,一个是房地产公司,一个是服装制造业,这两个公司都很赚钱,天天帮我在累加财富,其实是什么公司我倒是不关心,我关心的是是不是在赚钱,赚了多少, ...

  3. DOM 之 document 查找元素方法

    DOM 之 document 查找元素方法 getElementById("idName"); // 始终取得第一个 idName 的元素 getElementsByTagName ...

  4. sharepoint读取站点下列表

    前言 还是自己做着练习,也算对这个代码的一个认识吧.东西没什么. 过程 这是后台的一下代码,其中我会对标注的地方解释一下. 标注1:是获取的列表中的某一个列名,标注2:是这个列表下的数据列的名称,我们 ...

  5. sublime text 2代码片段（Snippet）功能的使用

    “snippet”在英语里面是“片段”的意思.当我们编码时候,通常想要打几个简略的字符串,就出来一些固定的模板. 例如:使用snippet在新建文件时快速生成HTML头部信息等. 定义很简单,菜单:t ...

  6. git 创建多个账户ssh

    创建一个账户 创建ssh本地秘钥. $ ssh-keygen -t rsa -C "youremail@xxx.com" 一路回车,会在~/.ssh/目录下生成id_rsa和id_ ...

  7. java printf与println的区别

    Java中的println和printf的区别在于:println是用于输出参数内容,然后换行,其参数个数固定为一个.printf是用于输出带各种数据类型的占位符的参数,其参数个数是不定的.

  8. 【算法】一般冒泡排序 O(n^2) 稳定的 C语言

    冒泡排序 一.算法描述 假设序列中有N个元素: 第一趟选取第一个元素作为关键字,从左至右比较,若遇到比它小的则放到它左边(也即两数进行交换),若遇到比它大的,则改为选取该元素作为关键字完成后续的比较, ...

  9. 不同优化选项对ARM下C语言编译的影响

    我们知道在C语言编译时,有那么几个常用的优化编译选项,分别是-O0,-O1,-O2,-O3以及-Os.之前一直觉得既然是优化选项,顶多是优化一下逻辑,提高一些效率或者减少一下程序大小而已.很少会觉得它 ...

  10. CXF WebService 教程

    业务需求:常见WEB服务: 手机淘宝.京东…. 天气预报 手机号归属地 股票查询 发手机短消息 手机充值功能 中英文翻译 银行转账业务 公司的“进销存系统”在某商品缺货时自动给供应商下订单 ..... ...