没问题 / JS / 折腾CKeditor与CKfinder的一点心得 - WEB...

0 0

   

折腾CKeditor与CKfinder的一点心得 - WEB前台 - CKeditor -...

2010-08-11  没问题

提到CKeditor、CKfinder,大家也许有些陌生,但提到FCKeditor,一定大名鼎鼎了。CKeditor与CKfinder就是它的新版本。

In 2009, we decided to rename the editor, bringing to light the next generation of our software: CKEditor 3.0.

需要注意的是新版本的CKeditor是不能上传和管理文件的,如果需要上传、管理文件需要安装它的姊妹产品:CKfinder。
不过貌似CKfinder是需要授权许可的(好像我在上传文件时好像看到一段话,大概意思是说你正使用的CKfinder体验版本,点击获取一个授权)。
下面说说初次使用容易遇到的问题:

一、配置:
你可以使用客户端JavaScript脚本以及你喜欢的服务器端语言(比如我这里用的PHP)来部署和配置它。
比如通过JavaScript方式来调用CKeditor编辑器及CKfinder:

01                   
02 <TEXTAREA id=content name=content rows=10 cols=80>{artContent}
03 </TEXTAREA>
04   
05                 <SCRIPT type=text/javascript>
06                 //<![CDATA[
07                 if (typeof CKEDITOR == 'undefined') {
08                 document.write('加载CKEditor失败');
09                 }
10                 else {
11                         var editor = CKEDITOR.replace( 'content',
12                                 {
13                                         fullPage : true
14                                 });                    
15 //ckfinder总目录的相对路径.
16                         CKFinder.setupCKEditor(editor, '/ckfinder/' )
17                 }
18                 //]]>
19 </SCRIPT>加载CKEditor失败

通过PHP方式调用编辑器:

01 //配置CKeditor
02 require("public/ckeditor/ckeditor.php");
03 $CKEditor = new CKEditor();
04 $CKEditor->returnOutput = true;
05 $CKEditor->basePath = "public/ckeditor/";
06 $CKEditor->config['width'] = 600;
07 $CKEditor->config['toolbar'] = array(
08                         array( 'Source', '-', 'Undo','Redo','Find','Replace','-','Bold','TextColor','BGColor', 'Italic', 'Underline', 'Strike','SelectAll','RemoveFormat'),
09                         //'/',
10                         array( 'Image', 'Flash','Table','Rule','Link', 'Unlink', 'Anchor' ),
11                         array( 'JustifyLeft','JustifyCenter','JustifyRight','JustifyFull','Subscript','Superscript','OrderedList','UnorderedList','Outdent','Indent','FitWindow','-'), 
12   
13                 );
14 $config['skin'] = 'office2003';
15 //配置CKfinder
16 require_once 'public/ckfinder/ckfinder.php' ;
17 $ckeditor = new CKEditor( ) ;
18 $ckeditor->basePath     = 'public/ckeditor/';
19 CKFinder::SetupCKEditor( $CKEditor, '/public/ckfinder/') ;
20   
21 $initialValue = '被编辑内容';
22 $strEditor = $CKEditor->editor("content", $initialValue);
23 echo $strEditor;

二、因为安全原因,文件不可浏览. 请联系系统管理员并检查CKFinder配置文件.
CKeditor安装CKfinder之后直接上传文件会出现这个错误提示,原因是CKfinder有一个认证检测函数CheckAuthentication,该函数内容只有一行:return false;,大家在这里添加自己的验证方式。
编辑:CKfinder\config.php,找到function CheckAuthentication()一行,将下面的return false;改为你自己的验证函数即可。比如:

1 if(isset($_SESSION['mySession'])){
2     return true;
3 } else {
4     return false;
5 }

当然,你也可以直接将原来的return false改为return true,不过这是一种危险的做法。

三、上传的有中文文件名的文件时会出现乱码并且编辑器无法显示上传文件。
CKfinder直接将文件以原文件名保存到服务器的,不知道官方有没提供更改保存文件名的配置方法(我没找到),所以直接更改PHP文件。
打开:ckfinder\core\connector\php\php5\CommandHandler\FileUpload.php

1 //找到下面这几行,大约在59-61行左右:
2 if ($sFileName != $sUnsafeFileName) {
3   $iErrorNumber = CKFINDER_CONNECTOR_ERROR_UPLOADED_INVALID_NAME_RENAMED;
4 }
5 //以下两行解决中文乱码问题(重命名)
6 $sExtension=CKFinder_Connector_Utils_FileSystem::getExtension($sFileName);
7 $sFileName=date("Ymd")."_".date("His").".".$sExtension;

–EOF–

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。如发现有害或侵权内容,请点击这里 或 拨打24小时举报电话:4000070609 与我们联系。

    来自: 没问题 > 《JS》

    猜你喜欢

    0条评论

    发表

    请遵守用户 评论公约

    类似文章
    喜欢该文的人也喜欢 更多