CKEditor 和基本路径中的 CKFinder 集成？答案

【问题标题】：CKFinder integration in CKEditor and basepath?CKEditor 和基本路径中的 CKFinder 集成？
【发布时间】：2012-04-15 16:18:44
【问题描述】：

我有以下集成CKEditor程序：

window.onload = function(){
    var editor = CKEDITOR.replace( 'ckeditortextarea' );
    CKEDITOR.config.resize_enabled = false;
    CKFinder.setupCKEditor( editor, 'libraries/ckfinder/' );
};

我的文件夹结构如下：

有一个名为“webx”的 WAMP 别名。
CKEDITOR：webx/mysite/libraries/ckeditor/
CKFINDER：webx/mysite/libraries/ckfinder/
索引：webx/mysite/index.php

集成过程在“head”标签内。我没有更改 CK 包中的任何配置文件。问题是集成不成功，CKEditor 中的上传/浏览不可用。

我的问题是：

我做错了什么？
basepath 真正代表什么？

【问题讨论】：

你检查过错误控制台吗？您是否因路径错误而出现 404 错误？

标签： javascript ckeditor integration wamp ckfinder

【解决方案1】：

应该按照我的要求将基本路径设置为“../ckfinder/”。浏览/更新部分现在出现。

基本路径是从 ckfinder 目录中引用的。所以http://domain/.../ckfinder/ 或../ckfinder 都是正确的。

【讨论】：

【解决方案2】：

尝试以下步骤。我是通过这种方式得到的。

1.下载CKEditor和CKFinder。集成代码可在http://dwij.co.in/ckeditor-ckfinder-integration-using-php/上获得
2.将两者的提取代码放在xampp内的一个文件夹中，如下所示。 3. 创建包含编辑器的索引文件（index.html），代码如下。

    <html>
    <head>
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
    <script type="text/javascript" src="ckfinder/ckfinder.js"></script>
    </head>
    <body>
        <h1>CKEditor CKFinder Integration using PHP</h1>
        <textarea id="editor1" name="editor1" rows="10" cols="80"></textarea>
    <script type="text/javascript">
    var editor = CKEDITOR.replace( 'editor1', {
        filebrowserBrowseUrl : 'ckfinder/ckfinder.html',
        filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?type=Images',
        filebrowserFlashBrowseUrl : 'ckfinder/ckfinder.html?type=Flash',
        filebrowserUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
        filebrowserImageUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
        filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
    });
    CKFinder.setupCKEditor( editor, '../' );
    </script>
    </body>
    </html>

所以你的文件夹结构会是这样的：

文档 |_集成 |_ckeditor | |_config.js | |_... |_ckfinder | |_config.php | |_... |_上传 |_index.html

现在在 ckfinder 中打开文件 config.php 并进行以下更改：

function CheckAuthentication() {
    // WARNING : DO NOT simply return "true". By doing so, you are allowing
    // "anyone" to upload and list the files in your server. You must implement
    // some kind of session validation here. Even something very simple as...
    // return isset($_SESSION['IsAuthorized']) && $_SESSION['IsAuthorized'];
    return true; // not good option though; go for sessions
}
$baseUrl = 'http://localhost/integrated/uploads/';
$enabled = true;
$config['SecureImageUploads'] = false;
$config['ChmodFolders'] = 0777 ;

现在打开网址http://localhost/integrated/ 并尝试上传图片。

【讨论】：