TinyMCE Image Manager And Editor

Files

Just copy "imgmanager" folder to TinyMCE plugins folder (tiny_mce/plugins/) and add "imgmanager" plugin and "imgmanager" button to your TinyMCE configuration.

Create upload folder and make it writable.

JavaScript

Add the image manager to the TinyMCE init

tinyMCE.init({
    plugins : "imgmanager",
    theme_advanced_buttons1 : "imgmanager",
});

PHP

Configure paths

Open file imgmanager/libs/config.php

//!!!! CHANGE THIS !!!!!!
// WEB BASE DIRECTORY FOR IMAGE VIEW
defined('WEB_BASE') || define('WEB_BASE', 'TinyMCE_ImageManager/upload' );

//!!!! CHANGE THIS !!!!!!
//UPLOAD PATH
defined('UPLOADS_PATH') || define('UPLOADS_PATH', realpath(dirname(__FILE__) . '/../../../../../'.WEB_BASE ));

Configure basic authentication

/**
* AUTH SHOULD BE DONE HERE !!!! 
*/
//!!!! CHANGE THIS !!!!!! AND THEN ajax.php

$session_id = session_id() ? session_id() : $_COOKIE["PHPSESSID"];
if(session_start()){
    $_SESSION['session_id'] = $session_id;
    $_SESSION['user_auth'] = true;
}

$auth = false;
if($_SESSION['session_id'] && $_SESSION['user_auth']){
    $auth = true;
    require 'EncriptDecript.php';
    $ed = new EncriptDecript();
    $encripted_session_id =$ed->encript($session_id);
}

if(!$auth){
   die("You are not allowed to be here !!!");
}
//------------------------------------------------------------

Configure ajax authentication for flash uploader

open imgmanges/libs/ajax.php file and edit:

//!!!! CHANGE THIS IF NEDED!!!!!!
if (!empty($_FILES) && isset($_FILES['Filedata']) && $_REQUEST['hash']) {
    require 'EncriptDecript.php';
    $ed = new EncriptDecript();
    $session_id = $ed->decript($_REQUEST['hash']);
    $_COOKIE['PHPSESSID'] = $session_id;
    session_id($session_id);
    session_start();
    $_SESSION['user_auth'] = true;
}

Plugin is using Twitter Bootstrap

All the documentations you can find here

If you interested in collaboration, grab a copy (fork) from GitHub