fckeditor

阅读更多

使用JAVASCRIPT版的FCK，在页面加载时（未打开FCK），创建一个隐藏的TextArea域，这个TextArea的name和ID要和创建的FCK实例名称一致，然后点击"Open Editor"按钮时，通过调用一段函数，使用FCK的ReplaceTextarea()方法来创建FCKeditor，代码如下：

java 代码

"text/javascript">


"content" id="content">textarea>

 

FCKeditor 的 APIOnUploadCompleted方法将上传图片的信息返回给插入图片对话框，此信息中最主要的是图片上传后的相对于网站的相对地址。如果是插入成功，应该是

java 代码

var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;

// Get the Editor Area DOM (Document object)
var oDOM = oEditor.EditorDocument ;
iLength = oDOM.body.innerText.length ;

// Insert the desired HTML.
oEditor.InsertHtml( '- This is some "/Test1.html">sample HTML -' ) ;

// Set the editor contents (replace the actual one).
oEditor.SetHTML( 'This is the new content I want in the editor.' ) ;

// Get the editor contents in XHTML."true" means you want it formatted.
oEditor.GetXHTML( true ) ;

//Get innerHtml
oEditor.EditorDocument.body.innerHTML  ;

oEditor.IsDirty() ;
oEditor.ResetIsDirty() ;

// Execute the command.(Bold,Italic......)
oEditor.Commands.GetCommand( commandName ).Execute() ;

插入及上传图片的页面fck_image，跳转到该页面的语句在/js/fckeditorcode_ie.js的75行1328列

case 'Image':B=new FCKDialogCommand('Image',FCKLang.DlgImgTitle,'dialog/fck_image.html',450,400);break;

插入flash的也在这里。

在上传图片的代码后面加入以下代码，主要是对图片上传完之后的处理，如提示信息等，可以根据需要酌情修改。

java 代码

"javascript">
  window.parent.OnUploadCompleted(returnVal, imgUrl ,fileName,errorMessage)

 

java 代码

"javascript">
  window.parent.OnUploadCompleted(0, imgUrl, fileName,errorMessage );

则被上传的图片会显示在浏览窗口中。