功能强大的编辑器，关于ckeditor4.0和ckfinder的配置(for java)

阅读更多

以下是已经非常完美的博客参考文章，感谢以下~~~ 

 

1、解决ckeditor4.0不能用中文输入法输入的问题

ckeditor4.0完全版不能使用简本中文? | Drupal中国

 

http://drupalchina.cn/node/1470

 

 

2、Ckeditor+Ckfinder+Ext4 整合全步骤 - Mr. Yang - 博客频道 - CSDN.NET

 

http://blog.csdn.net/yanghongchang_/article/details/12778695

 

 

3、Ext4.1下ckeditor界面的提示窗口被挡住的问题 - 

 

http://blog.csdn.net/jing52hao/article/details/8199344

 

 

4、java+ext整合ckeditor、ckfinder时，解决ckfinder上传的文件名为中文时显示乱码问题：

 

在表单提交文本编辑框内容时对内容进行decodeURI(content)处理，

注意：editorId为你在编辑界面为编辑区域(textareafield)设置的inputid值

 

            editor = CKEDITOR.replace( editorId);  //显示编辑器

    CKFinder.setupCKEditor(editor, 'ckfinder/');  //设置图片管理组件

   

         CKEDITOR.instances[editorId].setData('');//重置content为空   

 

保存之前取值：decodeURI(CKEDITOR.instances[editorId].getData())

这样保存到数据库的全路径名中的文件名中文显示正常！

 

 

 

5、config.js修改成有中文字体的选择下拉框

/*
Copyright (c) 2003-2012, 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.height = '220px';  //修改编辑框高度
    config.font_names = '新细明体/PMingLiU;细明体/MingLiU;标楷体/DFKai-SB;黑体/SimHei;宋体/SimSun;新宋体/NSimSun;仿宋/FangSong;楷体/KaiTi;仿宋_GB2312/FangSong_GB2312楷体_GB2312/KaiTi_GB2312;微軟正黑體/Microsoft JhengHei;微软雅黑体/Microsoft YaHei;隶书/LiSu;幼圆/YouYuan;华文细黑/STXihei;华文楷体/STKaiti;华文宋体/STSong;华文中宋/STZhongsong;华文仿宋/STFangsong;方正舒体/FZShuTi;方正姚体/FZYaoti;华文彩云/STCaiyun;华文琥珀/STHupo;华文隶书/STLiti;华文行楷/STXingkai;华文新魏/STXinwei;'  
            + config.font_names;  
};

 

 

 

6、java后台解决ckfinder上传文件后，超链接显示全路径的问题：

假如config.xml文件中上传文件的路径如下：

/system/userfiles/

 

则后台获取编辑框的文本内容后，进行替换处理

  //将超链接文本内容的全路径去掉，只显示文件名及后缀名

   content=content.replaceAll(">/system/userfiles/files/", ">");

   content=content.replaceAll(">/system/userfiles/images/", ">");

 content=content.replaceAll(">/system/userfiles/flash/", ">");

 

再保存

 

 

7、解决tomcat重启后ckfinder上传文件夹被删除问题：

在本地项目web目录下创建上传文件夹再把项目部署到tomcat下启动。

假如config.xml文件中上传文件的路径如下：

/system/userfiles/

 

那么在system项目的web路径下创建文件夹userfiles，并在此文件夹下继续创建files和images、flash文件夹（是ckfinder分别保存附件和图片、视频文件的位置）

然后把原tomcatserver下的该项目remove,重新添加项目进行部署，即可重启并保留文件夹。

 

 

 

8、修改ckeditor默认字体大小和风格。

ckeditor文件夹下的content.css：

 

body
{
	/* Font */
	font-family:  黑体 ;  
	font-size: 16px; 
	/* Text color */
	color: #222;

	/* Remove the background color to make it transparent */
	background-color: #fff;
}