首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

ckeditor与ckfinder的中国本地化改建

2013-08-04 
ckeditor与ckfinder的中国本地化改造转自:http://hi.baidu.com/mumusang/item/7d0cbbc5697e203798b498aeck

ckeditor与ckfinder的中国本地化改造

转自:http://hi.baidu.com/mumusang/item/7d0cbbc5697e203798b498ae

ckeditor与ckfinder的中国本地化改造

关键字:ckeditor,ckfinder,本地化,中国特色。

关键字解释:由于ckeditor与ckfinder是老外开发的,所以有很多细节不适合中国的用户。如果想把ckeditor与ckfinder完美的应用于自己的网站,还需要对它进行一些修改。

改造部位:
1.CKEDITOR默认的表情太烂,需要自己修改。
2.CKEDITOR默认字体没有中文,需要添加中文字体。
3.CKEDITOR的默认字体为11PX,在某些浏览器下很丑。
4.CKFINDER上传中文文件时文件名称为乱码。
5.CKEDITOR中的“新建”按钮与“关于CKEDITOR”按钮的移除。
6.CKFINDER未注册版会有演示与要求你购买的文字,去掉。
7.有些网站不希望给提供“浏览服务器”功能,例如BLOG网站不希望给用户提供这个功能,发帖子只需要上传图片或者文件就可以了。所以要把“添加图片”“添加文件”“添加FLASH”功能中的“浏览服务器”按钮去掉。

开始改造:

问题一:
??????? 将你的自定义表情文件放入'/网站文件名称/ckeditor/plugins/smiley/images‘下或其子文件夹下
??????? 打开ckeditor下的config.js文件,加入如下代码即可
??????? config.smiley_path = '/网站文件名称/ckeditor/plugins/smiley/images/(子文件夹名/)';
??????? config.smiley_images=['1.gif'];

问题二:
??????? 打开ckeditor下的config.js文件,加入如下代码即可
??????? config.font_names='宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+ config.font_names;

问题三:
??????? CKEDITOR:打开/ckeditor/skins/你当前编辑器的皮肤的文件夹/,打开editor.css文件。
??????? 搜索“font-size:11px;”,将第一个出现该结果的地方的11px替换成12px就可以了。
??????? CKFINDER:打开/ckfinder/core/skins/你当前编辑器的皮肤的文件夹/,打开打开editor.css文件。
??????? 搜索“font-size:11px;”,将全部符合的结果的11改成12就可以了。

问题四:
??????? 打开/ckfinder/core/connector/php/php5/CommandHandler/FileUpload.php(也有可能是/ckfinder/core/connector/php/php4/CommandHandler/FileUpload.php,这个视服务器状况而定)
??????? 搜索“$oRegistry->set("FileUpload_fileName", $sFileName);”在它的上面,看好是上面,加入如下代码:
??????? //木木改,当上传文件为中文名时,将文件重新命名。
??????? if(preg_match('/[\x80-\xff]./', $sFileName)){
??????????????? $sExtension=CKFinder_Connector_Utils_FileSystem::getExtension($sFileName);
??????????????? $sFileName=date('YmdHis').'.'.$sExtension;
??????? }
???????? 这里我的preg_match是以GBK编码查看$sFileName中是否有中文。

问题五:
??????? 关于“新建”按钮,我感觉就是鸡肋,点了之后本页自动刷新,你写的东西全没了,而且它还挨着那个非常实用的“预览”按钮,所以我已经想象到会有很多人点错按钮导致惨剧的发生了,所以要干掉他。关于“关于CKEDITOR”按钮,我个人感觉它会影响网站的专业性,所以也要去掉。
??????? 对于前者,用CKEDITOR提供的自定义按钮就可以,但是每次在引用CKEDITOR的地方都要输入一大串自定义按钮的代码,很麻烦。对于后者,根本不可能让你自定义。。所以干脆从源代码直接将两个按钮干掉!
??????? 打开/ckeditor/ckeditor.js文件,搜索“about”,找到一个出现的位置,将about和它后面的逗号删掉,再搜索“newpage”,找到一个出现的位置,将其和它后面的逗号删掉,保存,刷新,发现这两个按钮不见了。

问题六:
??????? 这个内容是转的,同样,有着“试用版”字样很不爽,这里提醒同学们的是,试用版和注册版在功能上没有任何区别,区别仅仅在于试用版有一行提示你购买的文字而已。
??????? 打开/ckfinder/core/js文件夹,你会看见两个文件,ckfinder_gecko.js与ckfinder_ie.js,两个修改方式一样,所以只说一个,打开 ckfinder_gecko.js ,搜索 "en.call(window,qo);",找到后将其注释掉,注释成"/*en.call(window,qo);*/"就可以了。再改第二个,改好后保存刷新,试用字样消失了。

问题七:
??????? 详见我的另一篇帖子:http://hi.baidu.com/mumusang/blog/item/992de0cf39679b0f93457e1d.html

?

至此,一个国际最NB的开源在线文本编辑器的中国本地化基本完成。这篇文章随着我对CKEDITOR的使用可能还会不断更新,总之,我的目的就是全面制定一个我想要的CKEDITORckeditor与ckfinder的中国本地化改建

热点排行