zoukankan      html  css  js  c++  java

  • 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. 	}
    此时文件的名称就像上图展示的，以时间命名了
  • 相关阅读:
    Vue项目里添加特殊字体或 某些字体乱码的问题
    Vue 事件修饰符
    js 判断是什么浏览器、是否为谷歌浏览器
    Vue 打印预览功能
    Vue v-if与v-show的区别
    js 下载文件/导出
    使用Mysql Workbench 导入数据库提示 ERROR 1227 (42000) at line 18: Access denied; you need (at least one of) the SUPER privilege(s) for
    java 使用注释校验数据有效性
    java poi分批次导入Excel
    浅谈java中源码常见的几个关键字(native,strictfp,transient,volatile)
  • 原文地址：https://www.cnblogs.com/wang3680/p/6f567cba1a44ce772152281dd29a6d65.html
Copyright © 2011-2022 走看看