jsp中如何整合CKEditor+CKFinder实现文件上传

  • 时间:
  • 浏览:4
  • 来源:大发彩神幸运飞艇_大发神彩幸运飞艇官方

1、在CKEditor的配置文件config.js中上加引用CKFinder的配置。

3、在web.xml中上加支持CKFinder的Servlet

第三:整合CKEditor和CKFinder

config.js

第一:下载CKEditor和CKFinder相关的安装文件

页面配置ckeditor.jsp:

效果图:

效果如图:

源代码下载地址:源码下载

   还前要通过编辑ckeditor文件夹下的config.js来更改CKEditor的默认配置,也还前要在页面创建CKEditorConfig的实例来上加或覆盖config.js上端的配置。

2、修改CKFinder的config.xml文件

至此,CKEditor3.5.3+CKFinder2.0.2整合成功,工程形态学 如图:

   刚才可能配置好CKEditor,就说 有个问提是支持jsp的版本的CKEditor一般默认没办法 图片上传功能,现在就前要正好CKFinder实现图片上传功能。

4、参考示例创建页面ckfinder.jsp

1、在CKEditor官网http://ckeditor.com/download上下载CKEditor for Java 3.5.3 war包,上端中含了相关的jar、脚本和示例。

 最近笔者做了有有有另2个 新闻发布平台,放弃了刚刚的FCKEditor编辑器,使用了CKEditor+CKFinder,着实免费的CKFinder是Demo版本,就说 功能完整,就说 用户都是比较集中精神发新闻的人,后要在意这俩。笔者使用的版本分别是:CKEditor3.5.3+CKFinder2.0.2,今天笔者挂接了一下配置CKEditor和CKFinder的过程,以及前要注意的有些问提,希望对大伙有所帮助。

4、解压CKFinder_java_2.3.1.zip,得到ckfinder目录。将 ckfinder/CKFinderJava/ckfinder 目录完整克隆到网站根目录下,也就说 和WEB-INF同级。还前要给这俩目录上加版本号,即ckfinder2.0.2。参考CKFinderJava里的配置,在WEB-INF路径下上加CKFinder配置文件config.xml(还前要将CKFinderJava文件夹里的config.xml文件直接拷到工程下,稍加修改即可)。

第二:配置CKEditor

2、在CKFinder官网http://ckfinder.com/download下载ckfinder_java_2.0.2.zip压缩包(注意取舍Java平台下的压缩包)。

3、解压CKEditor for Java 3.5.3 war,把解压得到的目录 ckeditor 完整克隆到网站根目录下,也就说 和WEB-INF同级。还前要给这俩目录上加版本号,即ckeditor3.5.3。把 ckeditor3.5.3/samples 完整删掉,把 ckeditor3.5.3/lang 上端除了en.js和zh-cn.js之外的文件删掉,把 ckeditor3.5.3下的README.md, CHANGES.md删掉。把 ckeditor-java-core-3.5.3.jar 装下 项目/WEB-INF/lib下