JS获取FCKeditor内容

最新推荐文章于 2014-04-21 09:05:21 发布

原创最新推荐文章于 2014-04-21 09:05:21 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#FCKeditor #FCKeditor内容 #js #ViewUI

FCKeditor 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了FCKeditorAPI的使用方法，包括获取编辑器实例、获取内容、设置内容、插入内容及检查内容变动等操作。

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

var editor = FCKeditorAPI.GetInstance("id"); //id 控件元素id   
alert(editor.GetXHTML(false).length);内容长度   
  
function getEditorHTMLContents(name) {    
    var oEditor = FCKeditorAPI.GetInstance(name);    
    return(oEditor.GetXHTML(true));    
}    
  
// 获取编辑器中文字内容    
function getEditorTextContents(name) {    
    var oEditor = FCKeditorAPI.GetInstance(name);    
    return(oEditor.EditorDocument.body.innerText);    
}    
  
// 设置编辑器中内容    
function SetEditorContents(name, ContentStr) {    
    var oEditor = FCKeditorAPI.GetInstance(name) ;    
    oEditor.SetHTML(ContentStr) ;    
}

//在当前页获得 FCK 编辑器实例： 
var Editor = FCKeditorAPI.GetInstance('InstanceName'); 

//从 FCK 编辑器的弹出窗口中获得 FCK 编辑器实例： 
var Editor = window.parent.InnerDialogLoaded().FCK; 

//从框架页面的子框架中获得其它子框架的 FCK 编辑器实例： 
var Editor = window.FrameName.FCKeditorAPI.GetInstance('InstanceName'); 

//从页面弹出窗口中获得父窗口的 FCK 编辑器实例： 
var Editor = opener.FCKeditorAPI.GetInstance('InstanceName'); 

//获得 FCK 编辑器的内容： 
// formatted 为：true|false，表示是否按HTML格式取出也可用：
oEditor.GetXHTML(formatted); 
oEditor.GetXHTML(); 

//设置 FCK 编辑器的内容： 
oEditor.SetHTML("content", false); // 第二个参数为：true|false，是否以所见即所得方式设置其内容。此方法常用于"设置初始值"或"表单重置"哦作。 

//插入内容到 FCK 编辑器： 
oEditor.InsertHtml("html"); // "html"为HTML文本 

//检查 FCK 编辑器内容是否发生变化： 
oEditor.IsDirty();