10

如何将 CKFinder 与新的 CKEditor 集成。

它在网站上的记录非常不足，我真的无处可去。

一步一步的指南将不胜感激，据我所知..这是所见即所得编辑器的唯一免费/良好的图像上传解决方案。有人可以确认吗？

谢谢

4

4 回答 4

3

您可以在此处找到有关将 CKFinder 与 CKEditor 集成的教程： http ://www.webshaolin.com/index.php?page=article&articleid=40

于 2011-03-11T13:09:13.697 回答
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

  1. 现在在 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 ;
  2. 现在打开 urlhttp://localhost/integrated/并尝试上传图片。
于 2013-05-30T17:04:42.007 回答
1

检查您的服务器语言的文档站点：http: //docs.cksource.com/CKFinder_2.x 例如这部分 PHP 文档：http ://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

顺便说一句，CKFinder 不是免费的，您必须获得许可证才能使用它。

于 2010-09-03T08:31:48.320 回答
1

首先，您必须有一个文本框才能转换为 CKEditor：

<textarea id="newTextArea">Some text</textarea>

那么你所需要的只是一些用于将此文本编辑器转换为 CKEditor 实例以及将此编辑器与 CKFinder 集成的 javascript 代码。

<script type="text/javascript">
    var newCKEdit = CKEDITOR.replace('newTextArea');
    CKFinder.setupCKEditor(newCKEdit, '/ckfinder/');
</script>

该setupCKEditor函数的第二个参数必须是您上传ckf​​inder的网站中的文件夹。

http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

于 2012-07-23T00:02:28.620 回答