ckeditor+ckfinder for java 的中文图片无法显示和中文文件夹乱码问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ckeditor+ckfinder for java 的中文图片无法显示和中文文件夹乱码问题相关的知识,希望对你有一定的参考价值。

1.上传中文图片无法显示 2.创建的中文文件夹乱码 3.在chrome 和 ie9 中点击浏览服务器按钮,页面无法打开。firefox可以。求解决。

参考技术A 出现问题的原因是java代码中获取的中文字符串没有定义编码格式,读取的时候是乱码,所以显示不出来。
获取到的文件中通常都是“iso8859-1”格式,需要转换为“UTF-8”格式。
如:String
str
=
new
String(str.getByte("iso8859-1"),"UTF-8");进行下强制转换后在进行读取即可。
通常格式有GBK、UTf-8、iso8859-1、GB2312,如果上面的强制转换不成功,依次进行这些格式的尝试,肯定是可以解决问题的。

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

 最近笔者做了一个新闻发布平台,放弃了之前的FCKEditor编辑器,使用了CKEditor+CKFinder,虽然免费的CKFinder是Demo版本,但是功能完整,而且用户都是比较集中精神发新闻的人,不会在意这个。笔者使用的版本分别是:CKEditor3.5.3+CKFinder2.0.2,今天笔者整理了一下配置CKEditor和CKFinder的过程,以及需要注意的一些问题,希望对大家有所帮助。

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

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

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下

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

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

config.js

页面配置ckeditor.jsp:

效果图:

第三:整合CKEditor和CKFinder

   刚才已经配置好CKEditor,但是有个问题是支持jsp的版本的CKEditor一般默认没有图片上传功能,现在就需要正好CKFinder实现图片上传功能。

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

2、修改CKFinder的config.xml文件

 

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

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

 

效果如图:

 

至此,CKEditor3.5.3+CKFinder2.0.2整合成功,工程结构如图:

 

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

以上是关于ckeditor+ckfinder for java 的中文图片无法显示和中文文件夹乱码问题的主要内容,如果未能解决你的问题,请参考以下文章

thinkphp ckeditor与ckfinder

MVC配置ckeditor+ckfinder

如何在 Vue 中设置 CKfinder 和 CKeditor

CKEditor上传图片—配置CKFinder

ckeditor和ckfinder各自的功能是啥

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