Как интегрировать CKFinder с CKEditor?

Как интегрировать CKFinder с новым CKEditor.

На веб-сайте об этом очень мало задокументировано, и я буквально никуда не денусь.

Пошаговое руководство было бы очень признательно, поскольку, насколько мне известно ... это единственное бесплатное / хорошее решение для загрузки изображений для редактора wysiwyg, которое может быть хорошим. Может кто-нибудь подтвердить?

Спасибо


person Thomas Clowes    schedule 03.09.2010    source источник


Ответы (4)


Вы можете найти руководство по интеграции CKFinder с CKEditor здесь: http://www.webshaolin.com/index.php?page=article&articleid=40.

person Sam    schedule 11.03.2011

Попробуйте выполнить следующие шаги.

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/ и попробуйте загрузить изображение.
person Web Developer in Pune    schedule 30.05.2013

Проверьте сайт документации на язык вашего сервера: http://docs.cksource.com/CKFinder_2.x Например, эта часть документации PHP: http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

И, кстати, CKFinder не является бесплатным, вы должны получить лицензию, чтобы использовать его.

person AlfonsoML    schedule 03.09.2010
comment
Я проверил документацию по использованию CKFinder 3 - и интеграция просто не сработала ... Также вы говорите, что это не бесплатно ... Ммм. Есть ли какой-либо редактор WYSIWYG с возможностью загрузки изображений, который можно бесплатно использовать на простой трехдоменной платформе для ведения блогов, которую я разрабатываю? Спасибо - person Thomas Clowes; 03.09.2010

Сначала у вас должно быть текстовое поле для преобразования в 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

person Hüseyin Yağlı    schedule 23.07.2012