ccodes.net
专注资源分享

使用Js获取、插入和更改FCKeditor编辑器里的内容

 

这篇文章主要介绍了使用Js获取、插入和更改FCKeditor编辑器里的内容,包括JS操作Fckeditor的一些常用方法,需要的朋友可以参考下之前在一个系统里使用了FCKeditor编辑器,由于项目需求需要在FCKeditor里添加一个自定义的按钮用于实现自己的需求主要是在点击该按钮时删除或添加FCKeditor编辑器里的内容其实是一个很简单的需求,本来以为在FCKeditor可以很容易的实现在Google上搜索自定义按钮,插件开发,经过近二个小时的摸索最终还是没有实现不知是我太笨还是自定义插件太难啦通过JS方式来处理1.在页面中添加checkbox元素并绑定事件,选中该元素时将在FCKeditor内容里添加”{#book#}”字符串(该字符串会在适当的时候被替换成其他内容),取消选中时则删除添加/删除复选框2.添加Js处理FCKeditor内容(添加或删除”{#book#}”字符串),’txtContent’为FCKeditor的ID控控件ID<script type = “text/javascript” >
//”添加/删除复选框”点击时如果按钮选中则添加”{#book#}”字符串到FCK内容里,反之删除字符串
//lineBook为FCK的ID号
function chk_but() {
  if (window.FCKeditorAPI !== undefined && FCKeditorAPI.GetInstance(‘txtContent’) !== undefined) {
    if (document.getElementById(‘lineBook’).checked) {
      FCKeditorAPI.GetInstance(‘txtContent’).EditorDocument.body.innerHTML += “{#book#}”;
    } else {
      FCKeditorAPI.GetInstance(‘txtContent’).EditorDocument.body.innerHTML = FCKeditorAPI.GetInstance(‘txtContent’).EditorDocument.body.innerHTML.replace(“{#book#}”, “”);
    }
  }
} //end function chk_lineBook()
//内容里如果有{#book#}则选中”添加/删除复选框”
if (document.getElementById(‘txtContent’).value.indexOf(‘{#book#}’) >= 0
  && window.FCKeditorAPI !== undefined
  && FCKeditorAPI.GetInstance(‘txtContent’) !== undefined) {
  document.getElementById(‘lineBook’).checked = true;
}
</script>参考:官网:http://ckeditor.com/获取或更改内容值:http://bbs.csdn.net/topics/360086762创建插件:http://docs.cksource.com/FCKeditor_2.x/Developers_Guide/Customization/Plug-ins接着给大家分享一下JS操作Fckeditor的一些常用方法//向编辑器插入指定代码
function insertHTMLToEditor(codeStr){
 var oEditor = FCKeditorAPI.GetInstance(“content”);
 oEditor.InsertHtml(codeStr); // “html”为HTML文本
}
//获取编辑器中HTML内容
function getEditorHTMLContents() {
 var oEditor = FCKeditorAPI.GetInstance(“content”);
 return(oEditor.GetXHTML(false));
}
// 获取编辑器中文字内容
function getEditorTextContents() {
 var oEditor = FCKeditorAPI.GetInstance(“content”);
 return(oEditor.EditorDocument.body.innerText);
}
// 设置编辑器中内容
function SetEditorContents(ContentStr) {
 var oEditor = FCKeditorAPI.GetInstance(“content”) ;
 oEditor.SetHTML(ContentStr) ;
}
//向编辑器插入指定代码
function insertHTMLToEditor(codeStr){
  var oEditor = FCKeditorAPI.GetInstance( “content “);
  if (oEditor.EditMode==FCK_EDITMODE_WYSIWYG){
    oEditor.InsertHtml(codeStr);
  }else{
    return false;
  }
}
//统计编辑器中内容的字数
function getLength(){
  var oEditor = FCKeditorAPI.GetInstance( “content “);
  var oDOM = oEditor.EditorDocument;
  var iLength ;
  if(document.all){
    iLength = oDOM.body.innerText.length;
  }else{
    var r = oDOM.createRange();
    r.selectNodeContents(oDOM.body);
    iLength = r.toString().length;
  }
  alert(iLength);
}
//执行指定动作
function ExecuteCommand(commandName){
  var oEditor = FCKeditorAPI.GetInstance( “content “) ;
  oEditor.Commands.GetCommand(commandName).Execute() ;
}本文来自脚本之家,原文链接:https://www.jb51.net/article/180847.htm申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

'); })();