FCKEditor在java script中的使用说明

来源: 作者: 2007-09-24 出处:pcdog.com

.net  jsp  office  xml  

在http://www.fckeditor.net/ 下载FCKeditor 2.3 和FCKeditor.Java包 FCKeditor-2.3.jar

配置web.xml 支持FCKEditor的图片文件上传和浏览


FCKEditor在java script中的使用说明(图一)
< servlet >
FCKEditor在java script中的使用说明(图一)    
< servlet-name > Connector servlet-name >
FCKEditor在java script中的使用说明(图一)    
< servlet-class > com.fredck.FCKeditor.connector.ConnectorServlet servlet-class >
FCKEditor在java script中的使用说明(图一)    
< init-param >
FCKEditor在java script中的使用说明(图一)          
< param-name > baseDir param-name >
FCKEditor在java script中的使用说明(图一)          
< param-value > /uploadfiles/ param-value >
FCKEditor在java script中的使用说明(图一)    
init-param >
FCKEditor在java script中的使用说明(图一)    
< init-param >
FCKEditor在java script中的使用说明(图一)          
< param-name > debug param-name >
FCKEditor在java script中的使用说明(图一)          
< param-value > false param-value >
FCKEditor在java script中的使用说明(图一)     
init-param >
FCKEditor在java script中的使用说明(图一)     
< load-on-startup > 2 load-on-startup >
FCKEditor在java script中的使用说明(图一)    
servlet >
FCKEditor在java script中的使用说明(图一)   
< servlet >
FCKEditor在java script中的使用说明(图一)        
< servlet-name > SimpleUploader servlet-name >
FCKEditor在java script中的使用说明(图一)        
< servlet-class > com.fredck.FCKeditor.uploader.SimpleUploaderServlet servlet-class >
FCKEditor在java script中的使用说明(图一)        
< init-param >
FCKEditor在java script中的使用说明(图一)            
< param-name > baseDir param-name >
FCKEditor在java script中的使用说明(图一)            
< param-value > /uploadfiles/ param-value >
FCKEditor在java script中的使用说明(图一)        
init-param >
FCKEditor在java script中的使用说明(图一)        
< init-param >
FCKEditor在java script中的使用说明(图一)            
< param-name > debug param-name >
FCKEditor在java script中的使用说明(图一)            
< param-value > false param-value >
FCKEditor在java script中的使用说明(图一)        
init-param >
FCKEditor在java script中的使用说明(图一)        
< init-param >
FCKEditor在java script中的使用说明(图一)            
< param-name > enabled param-name >
FCKEditor在java script中的使用说明(图一)            
< param-value > true param-value >
FCKEditor在java script中的使用说明(图一)        
init-param >
FCKEditor在java script中的使用说明(图一)        
< init-param >
FCKEditor在java script中的使用说明(图一)            
< param-name > AllowedExtensionsFile param-name >
FCKEditor在java script中的使用说明(图一)            
< param-value />
FCKEditor在java script中的使用说明(图一)        
init-param >
FCKEditor在java script中的使用说明(图一)        
< init-param >
FCKEditor在java script中的使用说明(图一)            
< param-name > DeniedExtensionsFile param-name >
FCKEditor在java script中的使用说明(图一)            
< param-value > php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi|htm|html param-value >
FCKEditor在java script中的使用说明(图一)        
init-param >
FCKEditor在java script中的使用说明(图一)        
< init-param >
FCKEditor在java script中的使用说明(图一)            
< param-name > AllowedExtensionsImage param-name >
FCKEditor在java script中的使用说明(图一)            
< param-value > jpg|gif|jpeg|png|bmp param-value >
FCKEditor在java script中的使用说明(图一)        
init-param >
FCKEditor在java script中的使用说明(图一)        
< init-param >
FCKEditor在java script中的使用说明(图一)            
< param-name > DeniedExtensionsImage param-name >
FCKEditor在java script中的使用说明(图一)            
< param-value />
FCKEditor在java script中的使用说明(图一)        
init-param >
FCKEditor在java script中的使用说明(图一)        
< init-param >
FCKEditor在java script中的使用说明(图一)            
< param-name > AllowedExtensionsFlash param-name >
FCKEditor在java script中的使用说明(图一)            
< param-value > swf|fla param-value >
FCKEditor在java script中的使用说明(图一)        
init-param >
FCKEditor在java script中的使用说明(图一)        
< init-param >
FCKEditor在java script中的使用说明(图一)            
< param-name > DeniedExtensionsFlash param-name >
FCKEditor在java script中的使用说明(图一)            
< param-value />
FCKEditor在java script中的使用说明(图一)        
init-param >
FCKEditor在java script中的使用说明(图一)        
< load-on-startup > 1 load-on-startup >
FCKEditor在java script中的使用说明(图一)    
servlet >
FCKEditor在java script中的使用说明(图一)      url-pattern
-->
FCKEditor在java script中的使用说明(图一)    
< servlet-mapping >
FCKEditor在java script中的使用说明(图一)        
< servlet-name > Connector servlet-name >
FCKEditor在java script中的使用说明(图一)        
< url-pattern > /components/fck/editor/filemanager/browser/default/connectors/jsp/connector url-pattern >
FCKEditor在java script中的使用说明(图一)    
servlet-mapping >
FCKEditor在java script中的使用说明(图一)   
FCKEditor在java script中的使用说明(图一)    
< servlet-mapping >
FCKEditor在java script中的使用说明(图一)        
< servlet-name > SimpleUploader servlet-name >
FCKEditor在java script中的使用说明(图一)        
< url-pattern > /components/fck/editor/filemanager/upload/simpleuploader url-pattern >
FCKEditor在java script中的使用说明(图一)    
servlet-mapping >
FCKEditor在java script中的使用说明(图一)

 

    1.3 加入FCKeditor-2.3.jar和commons-fileupload.jar

    1.4 但是fckeditor的文件实在太多了,让人没来由一阵心痛,删除以下目录及文件:

    1./_testcases,  /_samples,
    2./editor/_source,  /editor/skins/office2003, /editor/skins/silver,
/editor/filemanager/upload, /editor/filemanager/browser/default/connector
    3./editor/lang 仅保留en.js,zh_cn.js
    4.在/的php,py等后缀名的文件
    5.删除plugin目录和dialog目录的spellcheck

    1.5 将干净的fck目录复制到项目中

    1.6 修改配置文件 fckconfig.js

    FCKConfig.DefaultLanguage  = 'zh-cn' ;

    删除spell check 相关的两处地方

    修改如下 url, 使用 fckeditor servelt 来做文件上传与目录浏览:

FCKEditor在java script中的使用说明(图一) FCKConfig.LinkBrowserURL  =  FCKConfig.BasePath  +  
FCKEditor在java script中的使用说明(图一)
" filemanager/browser/default/browser.html?Connector=connectors/jsp/connector "  
FCKEditor在java script中的使用说明(图一);
FCKEditor在java script中的使用说明(图一)FCKConfig.ImageBrowserURL 
=    
FCKEditor在java script中的使用说明(图一)FCKConfig.BasePath
+ " filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector "  
FCKEditor在java script中的使用说明(图一);
FCKEditor在java script中的使用说明(图一)FCKConfig.FlashBrowserURL 
=  FCKConfig.BasePath + " filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector "  ;
FCKEditor在java script中的使用说明(图一)FCKConfig.LinkUploadURL 
=  FCKConfig.BasePath  +  
FCKEditor在java script中的使用说明(图一)'filemanager
/ upload / simpleuploader ? Type = File' ;
FCKEditor在java script中的使用说明(图一)FCKConfig.FlashUploadURL 
=  
FCKEditor在java script中的使用说明(图一)FCKConfig.BasePath 
+  'filemanager / upload / simpleuploader ? Type = Flash' 
FCKEditor在java script中的使用说明(图一);
FCKEditor在java script中的使用说明(图一)FCKConfig.ImageUploadURL 
=  FCKConfig.BasePath  +  'filemanager / upload / simpleuploader ? Type = Image' ;
FCKEditor在java script中的使用说明(图一)

如果还有时间可以修理一下FCKConfig.ToolbarSets["Default"],只留下需要的功能。

JSP 中的使用方法

FCKEditor在java script中的使用说明(图二) <% @ page language = " java "   import = " com.fredck.FCKeditor.* "   %>
FCKEditor在java script中的使用说明(图二)
<%
FCKEditor在java script中的使用说明(图二)FCKeditor oFCKeditor ;
FCKEditor在java script中的使用说明(图二)oFCKeditor 
=   new  FCKeditor( request,  " content "  ) ;
FCKEditor在java script中的使用说明(图二)oFCKeditor.setBasePath( 
" /cms/admin/components/fck/ "  ) ;    ---- FCK所在路径
FCKEditor在java script中的使用说明(图二)oFCKeditor.setValue(“value” );                          
---- 文本框内的值    
FCKEditor在java script中的使用说明(图二)out.println( oFCKeditor.create() ) ;
FCKEditor在java script中的使用说明(图二)
%>
FCKEditor在java script中的使用说明(图二)




上一篇:用Javascript实现鼠标拖拽网页表单
下一篇:如何用javascript在IE 标题栏显示Title