CKEditor+CKFinder+JSP实现在线编辑器
来源:互联网 发布:vscode css3前缀插件 编辑:程序博客网 时间:2024/06/06 02:58
本篇文章主要介绍ckeditor_3.6.4+ckfinder_java_2.3
CKEditor下载地址:http://ckeditor.com/download 在线演示地址:http://ckeditor.com/demo
ckeditor-java-core-3.5.3.zip 下载地址:http://ckeditor.com/download
CKFinder下载地址:http://cksource.com/ckfinder/trial
1、解压ckeditor_3.6.4.zip,然后打开ckeditor文件夹,只需保留:images、lang、plugins、 skins、themes、ckeditor_basic.js、ckeditor.js、config.js、contents.css即可
其他的文件可以删除。然后将整个ckeditor放在web工程下,与WEB-INF处于同一级目录。
2、将ckeditor-java-core-3.5.3.zip解压,然后将ckeditor-java-core-3.5.3.jar包拷贝至web项目的lib下。
4、然后在web.xml下添加上传用的配置如下:
6、然后就是CKEditor+CKFinder在jsp页面中应用,我这里仅仅演示上传图片的部分:
b、其次是在<head></head>标签之间加入这两句:
c、实现部分如下:
CKEditor下载地址:http://ckeditor.com/download 在线演示地址:http://ckeditor.com/demo
ckeditor-java-core-3.5.3.zip 下载地址:http://ckeditor.com/download
CKFinder下载地址:http://cksource.com/ckfinder/trial
1、解压ckeditor_3.6.4.zip,然后打开ckeditor文件夹,只需保留:images、lang、plugins、 skins、themes、ckeditor_basic.js、ckeditor.js、config.js、contents.css即可
其他的文件可以删除。然后将整个ckeditor放在web工程下,与WEB-INF处于同一级目录。
2、将ckeditor-java-core-3.5.3.zip解压,然后将ckeditor-java-core-3.5.3.jar包拷贝至web项目的lib下。
3、将ckfinder_java_2.3.zip解压,然后将CKFinderJava.war解压后,将WEB-INF里面的lib下面所有的 jar包拷贝至web项目的lib下,将ckfinder\_sources\CKFinder for Java\WebApp\src\main\webapp下的ckfinder文件夹拷贝至web工程下,与ckeditor保持同级,将其下的WEB- INF下面的config.xml文件拷贝至web项目的WEB-INF下,并根据自己的项目稍作调整即可,如下:
<config><enabled>true</enabled><baseDir></baseDir><baseURL>/Software_Site/View/UploadFiles/</baseURL> <span style="font-family:arial,sans-serif,verdana,helvetica; color:#404040"><span style="font-size:14px; line-height:25px"><!--这里改成自己想保存的路径就可以了--></span></span><licenseKey></licenseKey><licenseName></licenseName><imgWidth>1600</imgWidth><imgHeight>1200</imgHeight><imgQuality>80</imgQuality><uriEncoding>UTF-8</uriEncoding><forceASCII>false</forceASCII><userRoleSessionVar>CKFinder_UserRole</userRoleSessionVar><checkDoubleExtension>true</checkDoubleExtension><checkSizeAfterScaling>true</checkSizeAfterScaling><secureImageUploads>true</secureImageUploads><htmlExtensions>html,htm,xml,js</htmlExtensions><hideFolders><folder>.svn</folder><folder>CVS</folder></hideFolders><hideFiles><file>.*</file></hideFiles><defaultResourceTypes></defaultResourceTypes><types><type name="Files"><url>%BASE_URL%files/</url><directory>%BASE_DIR%files</directory><maxSize>0</maxSize><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</allowedExtensions><deniedExtensions></deniedExtensions></type><type name="Images"><url>%BASE_URL%images/</url><directory>%BASE_DIR%images</directory><maxSize>0</maxSize><allowedExtensions>bmp,gif,jpeg,jpg,png</allowedExtensions><deniedExtensions></deniedExtensions></type><type name="Flash"><url>%BASE_URL%flash/</url><directory>%BASE_DIR%flash</directory><maxSize>0</maxSize><allowedExtensions>swf,flv</allowedExtensions><deniedExtensions></deniedExtensions></type></types><accessControls><accessControl><role>*</role><resourceType>*</resourceType><folder>/</folder><folderView>true</folderView><folderCreate>true</folderCreate><folderRename>true</folderRename><folderDelete>true</folderDelete><fileView>true</fileView><fileUpload>true</fileUpload><fileRename>true</fileRename><fileDelete>true</fileDelete></accessControl></accessControls><thumbs><enabled>true</enabled><url>%BASE_URL%_thumbs/</url><directory>%BASE_DIR%_thumbs</directory><directAccess>false</directAccess><maxHeight>100</maxHeight><maxWidth>100</maxWidth><quality>80</quality></thumbs><plugins><plugin><name>imageresize</name><class>com.ckfinder.connector.plugins.ImageResize</class><params><param name="smallThumb" value="90x90"></param><param name="mediumThumb" value="120x120"></param><param name="largeThumb" value="180x180"></param></params></plugin><plugin><name>fileeditor</name><class>com.ckfinder.connector.plugins.FileEditor</class><params></params></plugin></plugins><basePathBuilderImpl>com.ckfinder.connector.configuration.ConfigurationPathBuilder</basePathBuilderImpl></config>
4、然后在web.xml下添加上传用的配置如下:
<!-- ckfinder开始 --><servlet><servlet-name>ConnectorServlet</servlet-name><servlet-class>com.ckfinder.connector.ConnectorServlet</servlet-class><init-param><param-name>XMLConfig</param-name><param-value>/WEB-INF/config.xml</param-value></init-param><init-param><param-name>debug</param-name><param-value>false</param-value></init-param><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>ConnectorServlet</servlet-name><url-pattern>/ckfinder/core/connector/java/connector.java</url-pattern></servlet-mapping><session-config><session-timeout>10</session-timeout></session-config><!--ckeditor结束 -->
、然后修改ckeditor下面的config.js,如下:
/*Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.For licensing, see LICENSE.html or http://ckeditor.com/license*/CKEDITOR.editorConfig = function( config ){// Define changes to default configuration here. For example:// config.language = 'fr';// config.uiColor = '#AADC6E'; config.language = 'zh-cn' ; config.skin = 'office2003'; };
6、然后就是CKEditor+CKFinder在jsp页面中应用,我这里仅仅演示上传图片的部分:
a、首先在页面的头部加上这两句:
<%@ taglib uri="http://ckeditor.com" prefix="ckeditor"%><%@ taglib uri="http://ckfinder.com" prefix="ckfinder"%>
b、其次是在<head></head>标签之间加入这两句:
<script type="text/javascript"src="/Software_Site/ckeditor/ckeditor.js"><script type="text/javascript"src="/Software_Site/ckfinder/ckfinder.js">
c、实现部分如下:
<textarea rows="15" cols="60" id="onlineArticle.text" name="onlineArticle.text"></textarea><ckfinder:setupCKEditor basePath="/Software_Site/ckfinder/" editor="onlineArticle.text" /><ckeditor:replace replace="onlineArticle.text" basePath="/Software_Site/ckeditor/" />
0 0
- CKEditor+CKFinder+JSP实现在线编辑器
- CKEditor+CKFinder+JSP实现在线编辑器上传文件(包括图片、flash)
- 在jsp里使用在线编辑器ckeditor
- CKEditor+CKFinder+jsp的整理
- CKEditor+CKFinder+jsp整合配置
- CKEditor+CKFinder+jsp的整理
- CKEditor+CKFinder+jsp的整理
- CKEditor,CKFinder实现文件上传
- 页面编辑器CKEditor与CKFinder整合
- 网络编辑器插件ckeditor+ckfinder配置
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder
- CKEditor与CKFinder整合 jsp页面
- 黑马程序员-OC学习笔记之Foundation框架NSNumber、NSValue和NSDate
- 隐藏在最底端的控件,View.VISIBLE时后,能显示出来
- 验证码生成
- 全面介绍单元测试
- 解决Ubuntu x64 系统里Eclipse不能打开全局菜单问题
- CKEditor+CKFinder+JSP实现在线编辑器
- VS2010打开高版本VS2012,2013项目文件的方法
- 2345智能浏览器2345浏览
- makefile语法详解3 (转)转过来放着
- 9.2 构造函数的初始化表
- 戏说校园招聘
- 【字典树+DFS】hdu 1298 T9
- shutdown
- 【redis源码分析】动态字符串--sds