如何整合CKFinder與CKEditor？

你如何整合CKFinder與新的CKEditor。如何整合CKFinder與CKEditor？

它在網站上很缺乏文檔，而且我幾乎無處可去。

一步一步的指導將非常感謝，因爲，據我所知..這是唯一的免費/良好的圖像上傳解決方案的任何好的wysiwyg編輯器。有人可以確認嗎？

感謝

來源

2010-09-03 Thomas Clowes

你可以找到與CKEditor的位置整合CKFinder教程： http://www.webshaolin.com/index.php?page=article&articleid=40

來源

2011-03-11 13:09:13 Sam

該鏈接似乎已更改：http://webshaolin.com/blog/post/40 – 2013-08-08 09:50:53

^^鏈接正在響應內部錯誤500 – 2015-02-09 19:06:48

檢查文檔站點爲您的服務器語言：http://docs.cksource.com/CKFinder_2.x 例如，PHP文檔的這一部分：http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

而且順便說一句，CKFinder是不是免費的，你必須先獲得許可用它。

來源

2010-09-03 08:31:48 AlfonsoML

我檢查了使用CKFinder 3的文檔 - 並且集成根本沒有工作......並且您說它不是免費的.. meh。是否有任何WYSIWYG編輯器具有圖像上傳功能，可以在我正在開發的簡單3域博客平臺上免費使用？謝謝 – 2010-09-03 14:47:15

首先，你必須有一個文本框轉換爲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函數的第二個參數必須是在你的網站，你上傳ckfinder的文件夾。

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

來源

2012-07-23 00:02:28

試着做下面的步驟。

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

現在打開文件的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 ;

現在打開url http://localhost/integrated/並嘗試上傳圖片。

來源

2013-05-30 17:04:42

如何整合CKFinder與CKEditor？

回答

相關問題