2010-09-03 51 views
9

你如何整合CKFinder与新的CKEditor。如何整合CKFinder与CKEditor?

它在网站上很缺乏文档,而且我几乎无处可去。

一步一步的指导将非常感谢,因为,据我所知..这是唯一的免费/良好的图像上传解决方案的任何好的wysiwyg编辑器。有人可以确认吗?

感谢

回答

1

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

而且顺便说一句,CKFinder是不是免费的,你必须先获得许可用它。

+0

我检查了使用CKFinder 3的文档 - 并且集成根本没有工作......并且您说它不是免费的.. meh。 是否有任何WYSIWYG编辑器具有图像上传功能,可以在我正在开发的简单3域博客平台上免费使用? 谢谢 – 2010-09-03 14:47:15

1

首先,你必须有一个文本框转换为CKEditor的:

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

然后,所有你需要的只是一些JavaScript代码将此文本编辑器转换为CKEditor实例并将此编辑器与CKFinder集成。

<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

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> 

这样你的文件夹结构是这样的:

 
htdocs 
|_integrated 
    |_ckeditor 
    | |_config.js 
    | |_... 
    |_ckfinder 
    | |_config.php 
    | |_... 
    |_uploads 
    |_index.html 
  1. 现在打开文件的config.php内ckfinder &补充以下变化:

    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. 现在打开url http://localhost/integrated/并尝试上传图片。