如何將CKFinder與CKEditor集成？

Question

如何將CKFinder與新的CKEditor集成。

它在網站上的文檔非常缺乏，我實際上無處可去。

一個步驟指南將非常值得欣賞，因為據我所知..這是唯一的免費/良好的圖像上傳解決方案，為任何好的wysiwyg編輯器。 有人可以證實嗎？

謝謝

Answer 1

你可以在這里找到關於將CKFinder與CKEditor集成的教程： http ： //www.webshaolin.com/index.php？ page = article＆articleid = 40

Answer 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

現在在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 ;

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

Answer 3

首先，您必須有一個文本框才能轉換為CKEditor：

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

然后您需要的是一些javascript代碼，用於將此texteditor轉換為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

Answer 4

請查看文檔站點以獲取您的服務器語言： http ： //docs.cksource.com/CKFinder_2.x例如，這部分PHP文檔： http ： //docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

順便說一句，CKFinder不是免費的，你必須獲得許可證才能使用它。

如何將CKFinder與CKEditor集成？

問題描述

4 個解決方案

解決方案1
3 已采納 2011-03-11 13:09:13

解決方案2
2 2013-05-30 17:04:42

解決方案3
1 2012-07-23 00:02:28

解決方案4
1 2010-09-03 08:31:48

如何將CKFinder與CKEditor集成？

問題描述

4 個解決方案

解決方案1 3 已采納 2011-03-11 13:09:13

解決方案2 2 2013-05-30 17:04:42

解決方案3 1 2012-07-23 00:02:28

解決方案4 1 2010-09-03 08:31:48

解決方案1
3 已采納 2011-03-11 13:09:13

解決方案2
2 2013-05-30 17:04:42

解決方案3
1 2012-07-23 00:02:28

解決方案4
1 2010-09-03 08:31:48