fckeditor

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

java 代码

1. <script type="text/javascript">   
2. <!--   
3. function showFCK(){   
4.  var oFCKeditor = new FCKeditor( 'content' ) ;   
5.  oFCKeditor.BasePath = '/FCKeditor/' ;   
6.  oFCKeditor.ToolbarSet = 'Basic' ;   
7.  oFCKeditor.Width = '100%' ;   
8.  oFCKeditor.Height = '300' ;   
9.  oFCKeditor.ReplaceTextarea() ;   
10. }   
11. //-->   
12. </script>   
13. <textarea name="content" id="content">textarea>   

 

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

java 代码

1. var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;   
2.   
3. // Get the Editor Area DOM (Document object)   
4. var oDOM = oEditor.EditorDocument ;   
5. iLength = oDOM.body.innerText.length ;   
6.   
7. // Insert the desired HTML.   
8. oEditor.InsertHtml( '- This is some <a href="/Test1.html">sample</a> HTML -' ) ;   
9.   
10. // Set the editor contents (replace the actual one).   
11. oEditor.SetHTML( 'This is the <b>new content</b> I want in the editor.' ) ;   
12.   
13. // Get the editor contents in XHTML."true" means you want it formatted.   
14. oEditor.GetXHTML( true ) ;   
15.   
16. //Get innerHtml   
17. oEditor.EditorDocument.body.innerHTML  ;   
18.   
19. oEditor.IsDirty() ;   
20. oEditor.ResetIsDirty() ;   
21.   
22. // Execute the command.(Bold,Italic......)   
23. 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 代码

1. <script language="javascript">   
2.   window.parent.OnUploadCompleted(returnVal, imgUrl ,fileName,errorMessage)   
3. </script>   

 

java 代码

1. <script language="javascript">   
2.   window.parent.OnUploadCompleted(0, imgUrl, fileName,errorMessage );   
3. </script>   

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