kindeditor限制html长度的问题
2015-11-18 17:46
417 查看
<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>
<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>
相关文章推荐
- 关于html水平垂直居中的问题小结
- log4j HTMLLayout
- 服务控件与html标签的一点
- 在HTML页面布局中,position的值有几种,默然的值是什么
- html网页框架
- HTML学习6:表单格式化
- htmlde 的简单使用
- HTML学习5:常用标签之表单标签
- Dreamweaver支持cshtml的设置方法
- HTML学习4:常用标签之框架标签
- HTML meta refresh 刷新与跳转(重定向)页面
- HTML学习3:常用标签之超链接标签
- HTML学习2:常用标签之图像标签
- HTML学习1:常用标签之列表标签
- 正则表达式实现将html文本转换为纯文本格式(将html字符串转换为纯文本方法)
- HTML点击事件重叠的处理
- R语言-Kindle特价书爬榜示例 & 输出HTML小技巧
- HTML的渲染原理
- HTML DOM getElementsByTagName() 方法
- HTMLParser 使用详解