Fckeditor 字数统计

转自: http://blog.meituo.net/2010/08/28/fckeditor-%E5%AD%97%E6%95%B0%E7%BB%9F%E8%AE%A1/


Fckeditor 是一个优秀的文本编辑器,我们可以使用它在浏览器中轻松的构建富文本编辑器,他的做法是对一个textarea实行替换,我使用过Fckeditor 3.xx,今天项目需要使用2.xx,并且需要统计输入字数,不熟悉啊!
首先上网查到获得Fck的内容要使用var editor = FCKeditorAPI.GetInstance(instanceName),FCKeditorAPI.GetInstance一直是undefined,然后上网查,又知道要在fck加载完后使用FCKeditorAPI.GetInstance, 也就是使用FCK内置的FCKeditor_OnComplete方法,但是还是不行,FCKeditor_OnComplete不是自动执行的,定义完以后需要你再调用一下: FCKeditor_OnComplete(),这次还是不行在FCK还没加载下来,FCKeditor_OnComplete()就执行了!还是报错。。。不知道这个方法有什么用,只有使用window.onload了,这次终于好了。别忘了还要用jQuery。

01 window.onload=function(){
02  
03     function FCKeditor_OnComplete()
04     {
05         var editor = FCKeditorAPI.GetInstance('info') ;
06         editor.Events.AttachEvent('OnSelectionChange', editor_keydown);
07     
08  
09     function editor_keydown(editor)
10     {
11         var maxLength=3; //最大输入字数
12         content= $(editor.EditorDocument.body).text();
13         var len= content.length;
14         var $info =$('#info');//存放提示信息
15         if(len < maxLength){
16             .text("还可以输入 "+(maxLength-len)+"字");
17         }
18         if(len == maxLength){
19             $info.text("字数达到上限");
20         }
21         if(len > maxLength){
22             $info.text(" 输入字符超过"+maxLength+"个,请更改!");
23         }
24     }
25     FCKeditor_OnComplete()
26 }

还是看原文好啊, /FCKeditor_2.x JavaScript_API
我使用了OnSelectionChange 监听输入,或许有更好的。。。你知道么?


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值