使用Js获取、插入和更改FCKeditor编辑器里的内容（javascript获取元素值）居然可以这样

文章摘要

本文介绍了一组基于FCKeditorAPI的JavaScript函数，用于在文本编辑器中进行操作。这些函数包括： 1. `insertHTMLToEditor`：用于插入HTML代码到编辑器。 2. `getEditorHTMLContents`：获取编辑器中的HTML内容。 3. `getEditorTextContents`：获取编辑器中的文字内容。 4. `SetEditorContents`：设置编辑器中的内容。 5. `getLength`：统计编辑器内容的字数。这些函数通过FCKeditorAPI的"content"实例实现其功能，其中部分函数在WYSIWYG模式下工作，其他则根据编辑状态返回结果或执行操作。整体上，本文展示了如何利用FCKeditorAPI的API进行编辑器内容的动态操作和分析。

//向编辑器插入指定代码
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() ;
}