logo标签列表

如何将CKFinder与CKEditor集成？

wysiwygckeditorckfinder
10

如何将CKFinder与新版CKEditor集成。

网站上的文档非常不充分，而我却一无所获。

若能提供一份逐步指南，将不胜感激。据我所知，这是唯一一个好用的免费图片上传解决方案，可用于所见即所得编辑器。有人能够确认吗？

谢谢。

4个回答
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
|_集成
    |_ckeditor
    |   |_config.js
    |   |_...
    |_ckfinder
    |   |_config.php
    |   |_...
    |_上传
    |_index.html

  1. Now open file config.php inside ckfinder & make following changes:

    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. Now open url http://localhost/integrated/ and try uploading image.
2
链接失效了。这就是为什么仅仅发布一个链接并不是一个好的回答。 - Frank Conijn - Support Ukraine
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>
< p > setupCKEditor 函数的第二个参数必须是您上传 ckfinder 的网站文件夹。

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

1
我查看了使用CKFinder 3的文档，但是集成根本没有起作用...而且你说它不是免费的..无语。有没有任何所见即所得编辑器具有图像上传功能，可以在我正在开发的简单三域博客平台上免费使用？谢谢。 - Thomas Clowes
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接