当前位置 博文首页 > Fckeditor编辑器内容长度限制统计实现方法

    Fckeditor编辑器内容长度限制统计实现方法

    作者:admin 时间:2021-09-01 19:15

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

    <script type="text/javascript" src="/editor/fckeditor.js"></script>
    <script type="text/javascript">
    <!--
    var oFCKeditor = new FCKeditor( 'Content' ) ;
    oFCKeditor.BasePath = "/editor/" ;
    oFCKeditor.ToolbarSet = "User" ;
    oFCKeditor.Value = '没有最好,只有更好,大家努力' ;
    oFCKeditor.Height = 450 ;
    oFCKeditor.Width = 660 ;
    oFCKeditor.Create() ;
    //-->
    </script>
    <input type="button" value="检测字数(包括HTML代码)" style="width:165px;" class="inputc" onClick="checklength()">
    <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()
    }
    jsjbwy
    下一篇:没有了