CKEditor和elFinder集成示例

我尝试遵循elfinder.org中如何集成CKEditor与elFinder但不工作的指令。有没有一个CKEditor和elFinder集成的例子，如果有人知道，请分享。

谢谢

我在这里找到了一个CKEditor和elFinder的例子:http://elrte.org/redmine/attachments/409/elfinder.html

$().ready(function() {
   var funcNum = window.location.search.replace(/^.*CKEditorFuncNum=(d+).*$/, "$1");
   var langCode = window.location.search.replace(/^.*langCode=([a-z]{2}).*$/, "$1");
   $('#finder').elfinder({
      url : 'connectors/php/connector.php',
      lang : langCode,
      editorCallback : function(url) {
         window.opener.CKEDITOR.tools.callFunction(funcNum, url);
         window.close();
      }
   })
})

如果您正在使用CKFinder，这可能会有所帮助。尝试以下步骤:

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>

现在打开文件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/并尝试上传图像。

相关内容

最新更新

热门标签：