为ckeditor添加事件，并得到ckeditor中的内容，点击重置使编辑器置空

最新推荐文章于 2022-09-21 13:54:14 发布

加木Go

最新推荐文章于 2022-09-21 13:54:14 发布

阅读量7.1k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/woshirongshaolin/article/details/8240668

版权

javascript 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

jquery

24 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh_cn" lang="zh_cn">
<head>

<script type="text/javascript"
src="<%=basePath%>admin/js/jquerys-1.5.1.js"></script>

<script type="text/javascript" >
$(document).ready(function(){//点击重置时是使编辑器置空

$("#reset").click(function(){
CKEDITOR.instances.account.setData('');
});

为编辑器设置事件，当字符超过100个时，使提交按钮为disabled

CKEDITOR.instances["account"].on("instanceReady", function () {//为编辑器设置事件
this.document.on("blur", validateAddress);
});

function validateAddress() {
CKEDITOR.tools.setTimeout(function () {
var dsc = editor.document.getBody().getText();//得到ckeditor中的值
if(dsc.length>100){
alert("账号信息不能超过100个字符！");
$("#sub").attr("disabled","disabled");
}else{
$("#sub").removeAttr("disabled");
}
}, 0);
}

});
</script>

</head>

<body class="rbody" >
<br />
<form action="a" method="post" id="form1">
<div>

信息：<span id="daccount"></span>
<textarea cols="80" id="account" name="account" rows="10"></textarea>
<script type="text/javascript">
//<![CDATA[
var editor = CKEDITOR.replace('account');
//]]>
</script>
</div>
<div>
<p>
<input type="submit" value="提交" id="sub" />

<input type="reset" id="reset" value="重置" /> </p>
</div>
</div>
</form>
</body>
</html>