龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

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

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
Fckeditor是一种大家常用的编辑器,但是他不能像网页表单那样利用document.getelementbyid能获取得到值了,它必须通过 FCKeditorAPI来操作,下面看看Fckeditor内容长度测试。 先我们看最简单的就
Fckeditor是一种大家常用的编辑器,但是他不能像网页表单那样利用document.getelementbyid能获取得到值了,它必须通过 FCKeditorAPI来操作,下面看看Fckeditor内容长度测试。

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

 代码如下
 <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()
}

本站原创文章,转载必须注明来源于http://www.111cn.net/wy/yw.html


精彩图集

赞助商链接