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

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

来源：自学PHP网时间：2014-12-14 21:28 作者：阅读:次

[导读] 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() 
} 

TinyMCE syntaxhl插入代码后换行的修改方法_网页编辑

PHP中CKEditor和CKFinder配置问题小结_网页编辑器

子栏目

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

最新评论

添加评论

更多文章推荐

添加评论