Fckeditor编辑器内容长度限制统计实现方法
Fckeditor编辑器内容长度限制统计实现方法
发布时间:2016-12-29 来源:查字典编辑
摘要:先我们看最简单的就是编辑器的代码了,简单得很同时大家也经常看过。复制代码代码如下://检测在线编器字符数,他必须通过创建FCKeditorA...

先我们看最简单的就是编辑器的代码了,简单得很同时大家也经常看过。

复制代码 代码如下:

<script type="text/javascript" src="http://www.jb51.neteditor/fckeditor.js"></script>

<script type="text/javascript">

<>

</script>

<input type="button" value="检测字数(包括HTML代码)">

<script>

//检测在线编器字符数 ,他必须通过创建FCKeditorAPI来实现,代码如下。

复制代码 代码如下:

function checklength()

{

var Content;

var oEditor = FCKeditorAPI.GetInstance('Content') ;

Content=oEditor.GetXHTML(true)

alert("n当前: "+Content.length+" 个字符");

return false;

}

</script>

再看实例,这里限制了fckeditor编辑器内容的长度哦,

复制代码 代码如下:

window.onload=function(){

function FCKeditor_OnComplete()

{

var editor = FCKeditorAPI.GetInstance('info') ;

editor.Events.AttachEvent('OnSelectionChange', editor_keydown);

}

function editor_keydown(editor)

{

var maxLength=3; //最大输入字数

content= $(editor.EditorDocument.body).text();

var len= content.length;

var $info =$('#info');//存放提示信息

if(len < maxLength){

.text("还可以输入 "+(maxLength-len)+"字");

}

if(len == maxLength){

$info.text("字数达到上限");

}

if(len > maxLength){

$info.text(" 输入字符超过"+maxLength+"个,请更改!");

}

}

FCKeditor_OnComplete()

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新网页编辑器学习
热门网页编辑器学习
编程开发子分类