【精華】FCKeditorAPI 手冊

CevenCheng 2013-06-25

展開全文

FCKeditorAPI 手冊

function abc()
{
var checkContent =FCKeditorAPI.GetInstance("editor");//獲取實例
alert(checkContent.GetXHTML());//獲取當前內容
var newelement = document.createElement("a");
newelement.href="#";
newelement.innerHTML="df";
checkContent.InsertElement(newelement);//前部添加元素(無返回值)
var a=checkContent.InsertElementAndGetIt(newelement);//前部添加元素(返回元素)
checkContent.InsertHtml("")//添加html
checkContent.SetHTML("",true);//設置內容,后為bool,是否所見即所得
}
function aaa()
{
var checkContent =FCKeditorAPI.GetInstance("editor");//獲取實例
checkContent.SwitchEditMode();//轉變編輯模式
checkContent.UpdateLinkedField();//更新關聯(lián)文件
}
function FCKeditor_OnComplete( checkContent )//當加載完
{
alert( checkContent.Name ) ;
}
//設置fckeditor為只讀
function FCKeditor_OnComplete(editorInstance)
{
editorInstance.EditorDocument.body.disabled = true;
editorInstance.EditorWindow.parent.document.getElementById ('xExpanded').style.display = 'none';
editorInstance.EditorWindow.parent.document.getElementById('xCollapsed').style.display = 'none';
editorInstance.EditorWindow.blur();
}
//向編輯器插入指定代碼
function insertHTMLToEditor(codeStr){
var oEditor = FCKeditorAPI.GetInstance("content");
if (oEditor.EditMode==FCK_EDITMODE_WYSIWYG){
oEditor.InsertHtml(codeStr);
}else{
return false;
}
}
//統(tǒng)計編輯器中內容的字數(shù)
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);
}
//執(zhí)行指定動作
function ExecuteCommand(commandName){
var oEditor = FCKeditorAPI.GetInstance("content") ;
oEditor.Commands.GetCommand(commandName).Execute() ;
}
//設置編輯器中內容
function SetContents(codeStr){
var oEditor = FCKeditorAPI.GetInstance("content") ;
oEditor.SetHTML(codeStr) ;
}
//使用FCKEditor時使用js在光標處添加任意字符串
function InsertHTML(e,inStr)//e：FCKEditor的ID，inStr:要插入的信息
{
var oEditor = FCKeditorAPI.GetInstance(e) ;
if ( oEditor.EditMode == FCK_EDITMODE_WYSIWYG )
{
oEditor.InsertHtml( inStr ) ;
}
else
alert("You must be on WYSIWYG mode!" ) ;
}
function ExecuteCommand( commandName,e )
{
var oEditor = FCKeditorAPI.GetInstance(e) ;
oEditor.Commands.GetCommand(commandName ).Execute() ;
}

Commands 的定義：

\fckeditor\editor\js\fckeditorcode_ie.js

自定義 Commands 實戰(zhàn)：自定義我們的打開圖片選擇對話框的命令?。?！

step1 : 注冊我們自己定義的 Commands "JSCallbackCommand"

查找 “|InsertHorizontalRule” 然后再后面插入 "|JSCallbackCommand"

step2：定義我們的 JSCallbackCommand 【直接 copy 現(xiàn)有的 FCKDialogCommand 再做修改即可】

var FCKJSCallbackCommand=function(A,B,C,D,E,F,G,H){

this.Name=A;

this.Title=B;

this.Url=C;

this.Width=D;

this.Height=E;

this.CustomValue=H;

this.GetStateFunction=F;

this.GetStateParam=G;

this.Resizable=false;

};FCKJSCallbackCommand.prototype.Execute=function(fileUrl){

try

{

FCKDialog.OpenDialog('FCKDialog_'+this.Name,this.Title,this.Url + '?preview=' + encodeURIComponent(fileUrl),this.Width,this.Height,this.CustomValue,null,this.Resizable);

} catch(e){

alert(e);

}

};FCKJSCallbackCommand.prototype.GetState=function(){if (this.GetStateFunction)

return this.GetStateFunction(this.GetStateParam);

else return FCK.EditMode==0?0:-1;};

step3 : 注冊進事件處理

查找 ";break;default:if (FCKRegexLib.NamedCommands.test(A)) B=new FCKNamedCommand(A);" 然后在 break; 前面插入：

case 'JSCallback':B=new FCKJSCallbackCommand('JSCallback',FCKLang.DlgImgTitle,'dialog/fck_image.html',450,390);

這樣，我們自定義的 JSCallbackCommand 就注冊完了?。。?/span>

到時候可以通過 FCKEditorAPI 直接執(zhí)行該命令，并且還可以傳遞參數(shù)。

調用示例：