The result is ckeditor with browse server link next to image button but unable to see the file being browse:

Object not found!

www.roxyfileman.com/

index.php

<html>
    <head>
        <meta charset="utf-8">
        <title>A Simple Page with CKEditor</title>
        <!-- Make sure the path to CKEditor is correct. -->
        <script src="ckeditor/ckeditor.js"></script>

        <script> 
            var roxyFileman = '/fileman/index.html'; 
                $(function(){
                    CKEDITOR.replace( 'editor1',{filebrowserBrowseUrl:roxyFileman,
                                filebrowserImageBrowseUrl:roxyFileman+'?type=image',
                                removeDialogTabs: 'link:upload;image:upload'}); 
                });
        </script>

        <textarea id="editor1" name="editor1" rows="10" cols="80"></textarea>

    </head>
    <body>
        <form>  

            <script>
                // Replace the &lt;textarea id="editor1"&gt; with a CKEditor
                // instance, using default configuration.
                CKEDITOR.replace( 'editor1', {
                    filebrowserBrowseUrl: '/browser/browse.php',
                    filebrowserUploadUrl: '/uploader/upload.php'
                });

            </script>
        </form>
    </body>
</html>

conf.json

{
"FILES_ROOT":          "fileman/Uploads",
"RETURN_URL_PREFIX":   "",
"SESSION_PATH_KEY":    "",
"THUMBS_VIEW_WIDTH":   "140",
"THUMBS_VIEW_HEIGHT":  "120",
"PREVIEW_THUMB_WIDTH": "100",
"PREVIEW_THUMB_HEIGHT":"100",
"MAX_IMAGE_WIDTH":     "1000",
"MAX_IMAGE_HEIGHT":    "1000",
"INTEGRATION":         "ckeditor",
"DIRLIST":             "php/dirtree.php",
"CREATEDIR":           "php/createdir.php",
"DELETEDIR":           "php/deletedir.php",
"MOVEDIR":             "php/movedir.php",
"COPYDIR":             "php/copydir.php",
"RENAMEDIR":           "php/renamedir.php",
"FILESLIST":           "php/fileslist.php",
"UPLOAD":              "php/upload.php",
"DOWNLOAD":            "php/download.php",
"DOWNLOADDIR":         "php/downloaddir.php",
"DELETEFILE":          "php/deletefile.php",
"MOVEFILE":            "php/movefile.php",
"COPYFILE":            "php/copyfile.php",
"RENAMEFILE":          "php/renamefile.php",
"GENERATETHUMB":       "php/thumb.php",
"DEFAULTVIEW":         "list",
"FORBIDDEN_UPLOADS":   "zip js jsp jsb mhtml mht xhtml xht php phtml php3 php4 php5 phps shtml jhtml pl sh py cgi exe application gadget hta cpl msc jar vb jse ws wsf wsc wsh ps1 ps2 psc1 psc2 msh msh1 msh2 inf reg scf msp scr dll msi vbs bat com pif cmd vxd cpl htpasswd htaccess",
"ALLOWED_UPLOADS":     "",
"FILEPERMISSIONS":     "0644",
"DIRPERMISSIONS":      "0755",
"LANG":                "auto",
"DATEFORMAT":          "dd/MM/yyyy HH:mm",
"OPEN_LAST_DIR":       "yes"
}

Getting closer. Now, the file manager start to pop up except that it cannot upload the files. Even when after I set the file upload address. I wonder why?

ckeditor4/index.php

<html>
    <head>
        <meta charset="utf-8">
        <title>A Simple Page with CKEditor</title>
        <!-- Make sure the path to CKEditor is correct. -->
        <script src="ckeditor/ckeditor.js"></script>

        <script> 
            var roxyFileman = '/fileman/index.html'; 
                $(function(){
                    CKEDITOR.replace( 'editor1',{filebrowserBrowseUrl:roxyFileman,
                                filebrowserImageBrowseUrl:roxyFileman+'?type=image',
                                removeDialogTabs: 'link:upload;image:upload'}); 
                });
            </script>

    </head>
    <body>
        <form>  

            <textarea id="editor1" name="editor1" rows="10" cols="80"></textarea>

            <script>
                // Replace the &lt;textarea id="editor1"&gt; with a CKEditor
                // instance, using default configuration.
                CKEDITOR.replace( 'editor1', {
                    filebrowserBrowseUrl: '/ckeditor4/fileman/index.html',
                    //filebrowserUploadUrl: '/ckeditor4/fileman/Uploads/Images/'
                });

            </script>

        </form>
    </body>
</html>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.