ckeditor_3.6.6.2+CKFinder2.0.2配置

一、首先工具的下载，找到相应的版本进行下载

    ckeditor_3.6.6.2+CKFinder2.0.2 http://ckeditor.com/download
    
打开war文件，然后将相关的jar文件复制到WEB-INF/lib下面即可，把ckeditor和ckfinder文件夹拷贝到web工程下，我是放到webapp/js路径下。当然可以去掉ckeditor里一些无关的文件.
说明：medsite为项目名称

二、配置文件

1、在web.xml中配置如下，增加ckeditor的启动

  1.     <servlet>  
  2.         <servlet-name>ConnectorServlet</servlet-name>  
  3.         <servlet-class>com.ckfinder.connector.ConnectorServlet</servlet-class>  
  4.         <init-param>  
  5.             <param-name>XMLConfig</param-name>  
  6.             <param-value>/WEB-INF/ckfinder.xml</param-value>  
  7.         </init-param>  
  8.         <init-param>  
  9.             <param-name>debug</param-name>  
  10.             <param-value>false</param-value>  
  11.         </init-param>  
  12.         <load-on-startup>1</load-on-startup>  
  13.     </servlet>  
  14.     <servlet-mapping>  
  15.         <servlet-name>ConnectorServlet</servlet-name>  
  16.         <url-pattern>  
  17.         /js/ckfinder/core/connector/java/connector.java  
  18.         </url-pattern>  
  19.     </servlet-mapping>  
  20.     
  21.      <filter>
  22.                 <filter-name>FileUploadFilter</filter-name>
  23.                 <filter-class>com.ckfinder.connector.FileUploadFilter</filter-class>
  24.                 <init-param>
  25.                     <param-name>sessionCookieName</param-name>
  26.                     <param-value>JSESSIONID</param-value>
  27.                 </init-param>
  28.                 <init-param>
  29.                     <param-name>sessionParameterName</param-name>
  30.                     <param-value>jsessionid</param-value>
  31.                 </init-param>
  32.         </filter>
  33.         <filter-mapping>
  34.                 <filter-name>FileUploadFilter</filter-name>
  35.                 <url-pattern>
  36.                         /js/ckfinder/core/connector/java/connector.java
  37.               </url-pattern>
  38.         </filter-mapping>

2、在web.xml文件统计目录下新建ckfinder.xml，保存

  1. <config>
  2. 	<enabled>true</enabled>
  3. 	<baseDir></baseDir>   //这里不要添加任何目录
  4. 	<baseURL>/medsite/upload/</baseURL>  //这里指定上传的文                           件夹，medsite为项目名称
  5. 	<licenseKey></licenseKey>
  6. 	<licenseName></licenseName>
  7. 	<imgWidth>1600</imgWidth>
  8. 	<imgHeight>1200</imgHeight>
  9. 	<imgQuality>80</imgQuality>
  10. 	<uriEncoding>UTF-8</uriEncoding>
  11. 	<forceASCII>false</forceASCII>
  12. 	<userRoleSessionVar>CKFinder_UserRole</userRoleSessionVar>
  13. 	<checkDoubleExtension>true</checkDoubleExtension>
  14. 	<checkSizeAfterScaling>true</checkSizeAfterScaling>
  15. 	<secureImageUploads>true</secureImageUploads>
  16. 	<htmlExtensions>html,htm,xml,js</htmlExtensions>
  17. 	<hideFolders>
  18. 		<folder>.svn</folder>
  19. 		<folder>CVS</folder>
  20. 	</hideFolders>
  21. 	<hideFiles>
  22. 		<file>.*</file>
  23. 	</hideFiles>
  24. 	<defaultResourceTypes></defaultResourceTypes>
  25. 	<types>
  26. 		<type name="Files">
  27. 			<url>%BASE_URL%files/</url>
  28. 			<directory>%BASE_DIR%files</directory>
  29. 			<maxSize>0</maxSize>
  30. 			<allowedExtensions>7z,aiff,asf,avi,bmp,csv,doc,docx,fla,flv,gif,gz,gzip,jpeg,jpg,mid,mov,mp3,mp4,mpc,mpeg,mpg,ods,odt,pdf,png,ppt,pptx,pxd,qt,ram,rar,rm,rmi,rmvb,rtf,sdc,sitd,swf,sxc,sxw,tar,tgz,tif,tiff,txt,vsd,wav,wma,wmv,xls,xlsx,zip
  31. 			</allowedExtensions>
  32. 			<deniedExtensions></deniedExtensions>
  33. 		</type>
  34. 		<type name="Images">
  35. 			<url>%BASE_URL%images/</url>
  36. 			<directory>%BASE_DIR%images</directory>
  37. 			<maxSize>0</maxSize>
  38. 			<allowedExtensions>bmp,gif,jpeg,jpg,png</allowedExtensions>
  39. 			<deniedExtensions></deniedExtensions>
  40. 		</type>
  41. 		<type name="Flash">
  42. 			<url>%BASE_URL%flash/</url>
  43. 			<directory>%BASE_DIR%flash</directory>
  44. 			<maxSize>0</maxSize>
  45. 			<allowedExtensions>swf,flv</allowedExtensions>
  46. 			<deniedExtensions></deniedExtensions>
  47. 		</type>
  48. 	</types>
  49. 	<accessControls>
  50. 		<accessControl>
  51. 			<role>*</role>
  52. 			<resourceType>*</resourceType>
  53. 			<folder>/</folder>
  54. 			<folderView>true</folderView>
  55. 			<folderCreate>true</folderCreate>
  56. 			<folderRename>true</folderRename>
  57. 			<folderDelete>true</folderDelete>
  58. 			<fileView>true</fileView>
  59. 			<fileUpload>true</fileUpload>
  60. 			<fileRename>true</fileRename>
  61. 			<fileDelete>true</fileDelete>
  62. 		</accessControl>
  63. 	</accessControls>
  64. 	<thumbs>
  65. 		<enabled>true</enabled>
  66. 		<url>%BASE_URL%_thumbs/</url>
  67. 		<directory>%BASE_DIR%_thumbs</directory>
  68. 		<directAccess>false</directAccess>
  69. 		<maxHeight>100</maxHeight>
  70. 		<maxWidth>100</maxWidth>
  71. 		<quality>80</quality>
  72. 	</thumbs>
  73. 	<plugins>
  74. 		<plugin>
  75. 			<name>imageresize</name>
  76. 			<class>com.ckfinder.connector.plugins.ImageResize</class>
  77. 			<params>
  78. 				<param name="smallThumb" value="90x90"></param>
  79. 				<param name="mediumThumb" value="120x120"></param>
  80. 				<param name="largeThumb" value="180x180"></param>
  81. 			</params>
  82. 		</plugin>
  83. 		<plugin>
  84. 			<name>fileeditor</name>
  85. 			<class>com.ckfinder.connector.plugins.FileEditor</class>
  86. 			<params></params>
  87. 		</plugin>
  88. 	</plugins>
  89. 	<basePathBuilderImpl>com.ckfinder.connector.configuration.ConfigurationPathBuilder</basePathBuilderImpl>
  90. </config>

3、配置ckeditor，可供ckfinder上传图片和文件

  1. /*
  2. Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
  3. For licensing, see LICENSE.html or http://ckeditor.com/license
  4. */
  6. CKEDITOR.editorConfig = function( config )
  7. {
  8. 	//配置CKFinder
  9. 	config.filebrowserBrowseUrl ='js/ckfinder/ckfinder.html';
  10.     config.filebrowserImageBrowseUrl ='js/ckfinder/ckfinder.html?Type=Images';
  11.     config.filebrowserFlashBrowseUrl = 'js/ckfinder/ckfinder.html?Type=Flash';
  12.     config.filebrowserUploadUrl = 'js/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Files';
  13.     config.filebrowserImageUploadUrl = 'js/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Images';
  14.     config.filebrowserFlashUploadUrl = 'js/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Flash';
  15.     config.filebrowserWindowHeight='50%';//CKFinder浏览窗口高度,默认值70%
  16.     config.filebrowserWindowWidth='70%';//CKFinder浏览窗口宽度,默认值80%
  17. };

4、拷贝此目录下的文件，复制到src下

 
如下所示
 

5、lib包给大家展示一下

 

6、效果展示

 
 
此时即可上传文件和图片了

7、修改上传文件的文件名称

 
修改此类下的validateUploadItem方法
  1. private boolean validateUploadItem(final FileItem item, final String path) {
  3. 		if (item.getName() != null && item.getName().length() > 0) {
  4. 			this.fileName = getFileItemName(item);
  5. 		} else {
  6. 			this.errorCode = Constants.Errors.CKFINDER_CONNECTOR_ERROR_UPLOADED_INVALID;
  7. 			return false;
  8. 		}
  10. 		//this.newFileName = this.fileName;
  11. 		String sExtentsion = FileUtils.getFileExtension(this.fileName);  
  12. 		SimpleDateFormat format = new SimpleDateFormat("yyyyMMddHHmmss");  
  13. 		this.newFileName = format.format(new Date()) + "." + sExtentsion; 
  15. 		String unsafeFileName = this.newFileName;
  16. 		for (char c : UNSAFE_FILE_NAME_CHARS) {
  17. 			this.newFileName = unsafeFileName.replace(c, '_');
  18. 		}
  20. 		if (configuration.forceASCII()) {
  21. 			this.newFileName = FileUtils.convertToASCII(this.newFileName);
  22. 		}
  24. 		if (!unsafeFileName.equals(this.newFileName)) {
  25. 			this.errorCode =
  26. 				Constants.Errors.CKFINDER_CONNECTOR_ERROR_UPLOADED_INVALID_NAME_RENAMED;
  27. 		}
  30. 		 if (FileUtils.checkIfDirIsHidden(this.currentFolder, configuration)) {
  31. 			this.errorCode = Constants.Errors.CKFINDER_CONNECTOR_ERROR_INVALID_REQUEST;
  32. 			return false;
  33. 		}
  35. 		if (!FileUtils.checkFileName(this.newFileName)
  36. 				|| FileUtils.checkIfFileIsHidden(this.newFileName,
  37. 						configuration)) {
  38. 			this.errorCode = Constants.Errors.CKFINDER_CONNECTOR_ERROR_INVALID_NAME;
  39. 			return false;
  40. 		}
  42. 		int checkFileExt = FileUtils.checkFileExtension(this.newFileName,
  43. 														configuration
  44. 															.getTypes().get(type),
  45. 														configuration,
  46. 														true);
  47. 		if (checkFileExt == 1) {
  48. 			this.errorCode = Constants.Errors.CKFINDER_CONNECTOR_ERROR_INVALID_EXTENSION;
  49. 			return false;
  50. 		} else if (checkFileExt == 2) {
  51. 			this.newFileName = FileUtils.renameFileWithBadExt(this.newFileName);
  52. 		}
  54. 		try {
  55. 			File file = new File(path, getFinalFileName(path,
  56. 					this.newFileName));
  57. 			if (!FileUtils.checkFileSize(configuration.getTypes().get(this.type),
  58. 					item.getSize())
  59. 					&& !(configuration.checkSizeAfterScaling() && ImageUtils
  60. 							.isImage(file))) {
  61. 				this.errorCode =
  62. 							Constants.Errors.CKFINDER_CONNECTOR_ERROR_UPLOADED_TOO_BIG;
  63. 				return false;
  64. 			}
  66. 			if (configuration.getSecureImageUploads() && ImageUtils.isImage(file)
  67. 					&& !ImageUtils.checkImageFile(item)) {
  68. 				this.errorCode =
  69. 							Constants.Errors.CKFINDER_CONNECTOR_ERROR_UPLOADED_CORRUPT;
  70. 				return false;
  71. 			}
  73. 			if (!FileUtils.checkIfFileIsHtmlFile(file.getName(), configuration)
  74. 					&& FileUtils.detectHtml(item)) {
  75. 				this.errorCode =
  76. 					Constants.Errors.CKFINDER_CONNECTOR_ERROR_UPLOADED_WRONG_HTML_FILE;
  77. 				return false;
  78. 			}
  79. 		} catch (SecurityException e) {
  80. 			if (configuration.isDebugMode()) {
  81. 				this.exception = e;
  82. 			}
  83. 			this.errorCode = Constants.Errors.CKFINDER_CONNECTOR_ERROR_ACCESS_DENIED;
  84. 			return false;
  85. 		} catch (IOException e) {
  86. 			if (configuration.isDebugMode()) {
  87. 				this.exception = e;
  88. 			}
  89. 			this.errorCode = Constants.Errors.CKFINDER_CONNECTOR_ERROR_ACCESS_DENIED;
  90. 			return false;
  91. 		}
  94. 		return true;
  95. 	}
此时文件的名称就像上图展示的，以时间命名了







posted @ 2014-10-03 12:21  Tim&Blog  阅读(887)  评论(0)    收藏  举报