获取FCKeditor编辑器内容的值

答案原址:http://www.phpchina.com/html/97/n-33197.html
利用Javascript取和设FCKeditor值也是非常容易的,如下:

EditorName是页面中可编辑区域元素的id比如:
<TEXTAREA id="texterea1" name="content" rows="30" cols="420"><c:out value="${content}"/></TEXTAREA>
EditorName就是texterea1了

// 获取编辑器中HTML内容
function getEditorHTMLContents(EditorName) {
var oEditor = FCKeditorAPI.GetInstance(EditorName);
return(oEditor.GetXHTML(true));
}

// 获取编辑器中文字内容
function getEditorTextContents(EditorName) {
var oEditor = FCKeditorAPI.GetInstance(EditorName);
return(oEditor.EditorDocument.body.innerText);
}

// 设置编辑器中内容
function SetEditorContents(EditorName, ContentStr) {
var oEditor = FCKeditorAPI.GetInstance(EditorName) ;
oEditor.SetHTML(ContentStr) ;
}

FCKeditorAPI是FCKeditor加载后注册的一个全局对象,利用它我们就可以完成对编辑器的各种操作。

使用JS获取FCKEditor中的内容

  1. // 获取FCKEditor中的内容: content为Editor实例的ID
  2. function getEditorContents(){
  3.    var oEditor = FCKeditorAPI.GetInstance("content");
  4.    alert(oEditor.GetXHTML(true));
  5. }
  6.  
  7. // 向编辑器插入指定代码
  8. function insertHTMLToEditor(codeStr){
  9.    var oEditor = FCKeditorAPI.GetInstance("content");
  10.    if (oEditor.EditMode==FCK_EDITMODE_WYSIWYG){
  11.    oEditor.InsertHtml(codeStr);
  12.    }else{
  13.    return false;
  14.    }
  15. }
  16.  
  17. // 统计编辑器中内容的字数
  18. function getLength(){
  19.    var oEditor = FCKeditorAPI.GetInstance("content");
  20.    var oDOM = oEditor.EditorDocument;
  21.    var iLength ;
  22.    if(document.all){
  23.    iLength = oDOM.body.innerText.length;
  24.    }else{
  25.    var r = oDOM.createRange();
  26.    r.selectNodeContents(oDOM.body);
  27.    iLength = r.toString().length;
  28.    }
  29.    alert(iLength);
  30. }
  31.  
  32. // 执行指定动作
  33. function ExecuteCommand(commandName){
  34.    var oEditor = FCKeditorAPI.GetInstance("content") ;
  35.    oEditor.Commands.GetCommand(commandName).Execute() ;
  36. }
  37.  
  38. // 设置编辑器中内容
  39. function SetContents(codeStr){
  40.    var oEditor = FCKeditorAPI.GetInstance("content") ;
  41.    oEditor.SetHTML(codeStr) ;
  42. }
标签: php, js, FCKEditor