FBC Code Editor

your online code editor


Thank you for purchasing my application. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

To start using, you just need to upload the editor folder to your document root (www folder or public_html). And that's complete! Now you can simply start to use editor.

If you upload editor files to /www/editor folder, you will reach it at http://yoursite.com/editor.

Default username and password are:

 

Just login and start using.

 

On the left side, you can open and make operations with files and folders.

On the right side, there will be an editor, when you open some file. Also there will be list with opened files.

Files with green color has not been edited, star is added when file was been edited, red color is for actually edited file and orange for edited files which are actually not active.

 

Also there are some icons in editor.

  1. Save file
  2. Save As
  3. Undo operation
  4. Redo operation
  5. Jump to line - if you have long code and don't want to scroll
  6. Reformat selection - select some text and reformat it
  7. Reformat whole document
  8. Enable/Disable wordwrap - long lines are showed on multiple lines or on just one line
  9. About
  10. Reopen file (reload file from server)
  11. Open in file browser

Next to that is file location (usefull when you are editting files with same name, so you can simply recognize which one you are actually editting).

The configuration is very easy. All you need (or want) to change is in config.php file in the root folder of editor. Here you can find the next content.

 

/www/editor/config.php

        $configuration = array(
            'user' => 'admin', # give here your username
            'pass' => 'admin', # give here your password

            'autosavingInterval' => 10, # when enabled, time in seconds to autosave

            ...

        );

To change the username and password you need to change the string "admin" for whatever you want to put. For example:

/www/editor/config.php

        $configuration = array(
            'user' => 'newuser', # give here your username
            'pass' => 'superpassword', # give here your password

            'autosavingInterval' => 10, # when enabled, time in seconds to autosave

            ...

        );

To set 'newuser' as username and 'superpassword' as password.

 

Now just upload config.php to editor dir (eg. /www/editor/) and overwrite original.

/www/editor/config.php

        $configuration = array(
            'user' => 'admin', # give here your username
            'pass' => 'admin', # give here your password

            'autosavingInterval' => 10, # when enabled, time in seconds to autosave

            ...

        );
        

To change the autosaving interval, you need to changenumber ten to whatever you want to put. For example:

/www/editor/config.php

        $configuration = array(
            'user' => 'newuser', # give here your username
            'pass' => 'superpassword', # give here your password

            'autosavingInterval' => 20, # when enabled, time in seconds to autosave

            ...

        );

To set autosaving interval to 20 seconds.

 

Now just upload config.php to editor dir (eg. /www/editor/) and overwrite original.

You can hide some files from file browser. It is pretty easy.

/www/editor/config.php

$configuration = array(

    ...


    'excludeDirs' => array(
        '/editor',
    ),
  
    'excludeFiles' => array(
        '/index.php',
    ),
); 

Configuration above will hide folder 'editor' and file 'index.php' from file browser in editor. To add some excluded dir and file look at this configuration:

 

/www/editor/config.php

$configuration = array(

    ...


    'excludeDirs' => array(
        '/editor',
        '/dir/subdir',
    ),
  
    'excludeFiles' => array(
        '/index.php',
        '/dir/config.php',
    ),
); 

This configuration will hide dir 'subdir' in 'dir' and will hide file 'config.php' in 'dir'.

If you will see some error, there can be problem with file permissions.

If saving do not work, try to change permissions to 776, it should work. On some servers it can be used without changing permissions (there is the same account owner of ftp account and file on server, so permissions are working without changing).

So, try to change permissions to 776 and test it. If you do not know how to change it, try this article: http://support.qualityunit.com/299278-How-to-change-permissions--attributes--CHMOD-for-files or write to me.

You can create, rename and delete files and folders under FILE BROWSER.

You can also save file - it is first icon in file editor. Also you can use undo/redo functions, text indenting and more.

Editor also contains database editor, simply click on Database Admin and log to your database!

This application imports some other projects and files. Say thanks to authors of:

  1. jQuery & jQuery UI
  2. CodeMirror & CodeMirror UI
  3. jQueryFileTree
  4. Adminer
  5. FAMFAMFAM (icons)
  6. Twitter Bootstrap
  7. SafeStream class

Once again, thank you so much for purchasing this application. As I said at the beginning, I'd be glad to help you if you have any questions relating to this application. No guarantees, but I'll do my best to assist. If you have a more general question, you might consider visiting the forums and asking your question in the "Item Discussion" section.