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

StackOverflow https://stackoverflow.com/questions/3632177

  •  26-09-2019
  •  | 
  •  

Вопрос

Как вы интегрируете CKFinder новым CKeditor.

Это очень недодомен на сайте, и я буквально никуда не допускаю.

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

Спасибо

Это было полезно?

Решение

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

Другие советы

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

1. Скачать Ckeditor и CKFinder. Интегрированный код может быть доступен на http://dwij.co.in/ckeditor-ckfinder-integration-using-php/
2. Положите извлеченный код как в одну папку внутри XAMPP, как показано ниже. 3. Создать файл index (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 | _ _ _ _ _ _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/ и попробуйте загрузить изображение.

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

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

Сначала вы должны иметь текстовое поле для преобразования в CKEditor:

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

Тогда все, что вам нужно, это какой-то код JavaScript для преобразования этого TextInter в экземпляр 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.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top