管理资源吧首页>>>教程>>>编程>>>网页编辑器教程>>>

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

　　}

教程首页 更多教程