TinyMCE (3.x) Image Manager And Editor

TinyMCE (3.x) Image Manager And Editor

TinyMCE Image Manager, image upload, folders structure, image crop

Cool stuff

  • Upload, delete images
  • Upload multiple images
  • Image Crop Functionality
  • HTML5 drag and drop file upload ( for IE Uploadify :( )
  • Create, delete folder
  • Insert images into editor
Hide

Installation

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;
}
Hide

Visualisation

Plugin is using Twitter Bootstrap

All the documentations you can find here

Hide

Collaboration

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

You need to log-in or create an account
  • Create an account
  • Log-in
Please use your real name.
Activation link will be sent to this address.
Minimum 8 characters
Enter your password again

Clicking this button confirms you read and agreed to the terms of use and privacy policy.

X

Save your watchlist

Fill your details below to receive project updates from your watch list - including new versions, price changes and discounts.

I agree to the terms of use and privacy policy.

License » GNU GPL Download
or Get a quote

for customization or integration services

  • Excellent plugin for managing image uploads in TinyMCE.

    Only drawback from my point of view is the lack of proper documentation - it took me quite some time to get it running because I had to figure out most of the configuration procedure myself.

    Apart from that: excellent work, thanks very much!
    S sternhagel
    2 years ago, 0 comments
    Was this helpful?
    Flag 1 of 1 people found this review helpful
  • I'm testing TinyMCE and for while this product is very good.

    Thanks a lot.
    MR Marcio G. Rotondano
    2 months ago, 0 comments
    Was this helpful?
    Flag
  • muito bom.
    GS Gidenilson Santiago
    2 years ago, 0 comments
    Was this helpful?
    Flag
Post a comment

Or enter your name and Email
  • WK Warsa Kumara 3 months ago
    its a very nice plugin for tynimce.
  • J j.ilchenko 8 months ago
    Hallo, we have some problems with this tool. We installed it on our server, but when we try to access the tool, we see the error Direct access to this location is not allowed! All the libraries are empty. Can you help?
  • J j.ilchenko 9 months ago
    Is it possible, that when we upload some fotos, the other one will be deleted?