Fckeditor 字数统计

最新推荐文章于 2022-10-24 23:45:26 发布

larance

最新推荐文章于 2022-10-24 23:45:26 发布

阅读量1k

点赞数

分类专栏： HTML 文章标签： fckeditor 文本编辑 javascript jquery function 浏览器

HTML 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

转自： 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。

 
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()
 
}