WYSIWYGs add-on - Great advanced File/Image Manager!

Download plugins, language packs and stuff.

WYSIWYGs add-on - Great advanced File/Image Manager!

Postby DarkSlim » Wed Oct 21, 2009 1:05 pm

If you have any version of TinyMCE free WYSIWYG editor integrated
in your CuteNewsRu or one of the following: SPAW, htmlAREA, Xinha and FCKeditor
here is an AWESOME extremely usefull Add-on for you!

You can download iManager for here, totally for free!
So what can this add-on do? well, it's main purpose is to manage your images
(can also upload and manage other types of files - you can choose), also
contains a very powerfull image editor!

* Btw, it can also be used without any wysiwyg editor at all, plain as it is!

Features

* Multiple WYSIWYG editor integration
* Supports standalone mode
* Select images on your webserver
* Create directories
* Rename, delete files
* Multiple file uploads with automatic thumbnailing
* Resize images
* Crop interactive move and resize of crop area
* Flip
* Rotate
* Add watermark text or image
* Add image mask
* Add overlay
* Enhance image quality
* Bevel, blur, border functions
* Select filetype and quality (jpeg) of processed images
* Make pop-up images
* ... and much more!


Installation
I have installed it on TinyMCE, but I will try to cover it as much as I can.

1. After download you put the iManager folder in the "plugins" folder of your wysiwyg editor.
2. Make sure the following directories have writing permission (chmod to 0755):
iManager/scripts/phpThumb/cache - should there be any files already, plese delete those!!!
iManager/temp
-all the image libraries you set up in the iManager config file!
3. Check configuration settings, the configuration of iManager if fairly easy - it depends a little
on what wysiwyg editor you're using, the configuration file is "config/config.inc.php", edit it.
4. After you edit all the first option in the config file. there's a section where you choose to
which sizes do you want to be able to resize the uploaded images (some are disables with /* */)
to add an option - to remain in the original size of the image, find this:
Code: Select all
      array (
         'size'    => 75,                                    
         'ext'     => '*',
         'crop'    => false,
      ),

And after add this:
Code: Select all
      array (
         'size'    => '*',                                    
         'ext'     => '',
         'crop'    => false,
      ),

5. After all that, you need to choose which folders to be able to upload to, there are
two posibilities:
Static image libraries - you choose exacly which folders to show and only them
Dynamic image libraries - you choose a folder and it automaticly adds all the sub-folders
There is an explenation on how to change it in the config file and in the "docs/readme.txt" file
6. In the 'interface' folder you will find the plugins for each wysiwyg editor,
take the one that's right for you, copy it to the main 'iManager' folder and rename it
as what used by your editor eg. "editor_plugin.js" for TinyMCE or "fckplugin.js" for FCK
Then add it to your editor's congif file - more information on these can be found in the
"docs/readme.txt" file.

Now when you enter add or edit news, you will see a new button in your editor for iManger!
When pressed it will load iManager in a pop-up. :)

What else?

* iManager comes with English, German and Denish lang files, if you want to translate iManager
to another language - no problem!
Just make a new copy"lang/en.php" in the 'lang' folder, name it as your lang and translate.
Don't forget to change the lang in the config file also.
* Wanna use the watermark option? (best one!) just drag the wanted files to the 'wmarks'
folder and they will be selectable.
* If you have IIS on your server you might need one fix for the "phpthumb" to work, here it is:
open "scripts/phpThumb" folder and edit the "phpthumb.class.php" file like this, Find:
Code: Select all
$this->sourceFilename = $this->ResolveFilenameToAbsolute($this->sourceFilename);

Under add:
Code: Select all
if ($this->sourceFilename=="" OR $this->sourceFilename==null) {$this->sourceFilename=$this->fixslashes($this->src); }


That's about it!
Hope you'll enjoy this great file/image manager and editor, for more questions - I'm right here! :D

P.s
The official site of iManager is here.
User avatar
DarkSlim
 
Posts: 298
Joined: Thu Aug 06, 2009 4:18 pm
Location: IL

Postby D72 » Thu Nov 19, 2009 9:16 am

This is a nice addon for all existing plugins or editors.
Surprises me nobody haven't commented yet about it.
At th emoment i am using the imagemanager of tinymce, but from time to time Imagemanager
give some weird errors. When i'm tired of tinymce's Imagemanager i'll definitely give this one a chance.
Thanks Darkslim. Again a nice contribution for CNR
User avatar
D72
 
Posts: 336
Joined: Thu Feb 22, 2007 12:05 am
Location: NL

Postby DarkSlim » Thu Nov 19, 2009 10:19 am

D72 wrote:This is a nice addon for all existing plugins or editors.
Surprises me nobody haven't commented yet about it.
At th emoment i am using the imagemanager of tinymce, but from time to time Imagemanager
give some weird errors. When i'm tired of tinymce's Imagemanager i'll definitely give this one a chance.
Thanks Darkslim. Again a nice contribution for CNR


Thanks! :)
This manager is really much better than all the others I have seen, it has it all
and much more, very convenient and powerfull! ;)
User avatar
DarkSlim
 
Posts: 298
Joined: Thu Aug 06, 2009 4:18 pm
Location: IL

Postby eberswine » Thu Jan 21, 2010 7:37 pm

a quick question:

Code: Select all
iManager/scripts/phpThumb/cache - should there be any files already, plese delete those!!!

There are folders and jpgs inside that folder, should everything in the folder be deleted? (so when you open the cache folder, there is nothing inside of it?)
User avatar
eberswine
 
Posts: 289
Joined: Thu Apr 26, 2007 7:23 pm

Postby DarkSlim » Thu Jan 21, 2010 8:35 pm

eberswine wrote:a quick question:

Code: Select all
iManager/scripts/phpThumb/cache - should there be any files already, plese delete those!!!

There are folders and jpgs inside that folder, should everything in the folder be deleted? (so when you open the cache folder, there is nothing inside of it?)


I think I remember this, yes, I think I deleted all those. :)
User avatar
DarkSlim
 
Posts: 298
Joined: Thu Aug 06, 2009 4:18 pm
Location: IL

Postby eberswine » Fri Jan 22, 2010 1:08 am

i'm not able to get the icon to show up in the text editor???

I manually added the plugin to the tinmce.php page???

(imanager)
User avatar
eberswine
 
Posts: 289
Joined: Thu Apr 26, 2007 7:23 pm

Postby DarkSlim » Fri Jan 22, 2010 9:15 am

eberswine wrote:i'm not able to get the icon to show up in the text editor???

I manually added the plugin to the tinmce.php page???

(imanager)


Hmm I use TinyFck plugin but it should be the same way, look where the plugin
include starts:
Code: Select all
         plugins : "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell....


Then just add it there so it will recognize it: ,imanager
After that, you can add it to the themes, just add it where you want,
for example I wanted to add it after the links stuff so I found:
Code: Select all
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor..

And just added: ,imanager
after the 'anchor', thats it. :)

And it should add it. :)
hmm check that you have done everything I wrote in the first post including this:
6. In the 'interface' folder you will find the plugins for each wysiwyg editor,
take the one that's right for you, copy it to the main 'iManager' folder and rename it
as what used by your editor eg. "editor_plugin.js" for TinyMCE or "fckplugin.js" for FCK
Then add it to your editor's congif file - more information on these can be found in the
"docs/readme.txt" file.


You need to swap the editor_plugin.js in the iManager folder with the one
that suits TinyMCE, also here is what written in the readme:
tinyMCE interface
-----------------

copy the provided interface file: tinyMCE.editor_plugin.js file into your iManager plugin
directory and rename it to "editor_plugin.js". Make a copy of it and rename it to editor_plugin_src.js.

adding plugin to tinyMCE:

tinyMCE.init({
...
plugins : "imanager",
theme_advanced_buttons3_add : "imanager",
...
});
User avatar
DarkSlim
 
Posts: 298
Joined: Thu Aug 06, 2009 4:18 pm
Location: IL

Postby eberswine » Tue Mar 16, 2010 8:16 pm

Code: Select all
// use static image libraries   
   $cfg['ilibs']    = array (                                             // image library path with slashes; absolute from root directory e.g. '/pictures/'
      array (                                                         // please make sure that the directories have write permissions                                                      
         'value' => '/dev/im/assets/images/',                                    
         'text'  => 'Site Pictures',
      ),
      array (
         'value' => '/dev/im/assets/gallery/',             
         'text'  => 'Gallery',
      ),   
   );
   //-------------------------------------------------------------------------
   // use dynamic image libraries - if $cfg['ilibs_inc'] is set, static image libraries above are ignored
   // image directories to be scanned
   $cfg['ilibs_dir']       = array('/dev/im/assets/images/');                        // image library path with slashes; absolute from root directory  e.g. '/pictures/' - please make sure that the directories have write permissions
   $cfg['ilibs_dir_show'] = true;                                          // show top library (true) or only sub-dirs (false)
   $cfg['ilibs_inc']      = realpath(dirname(__FILE__) . '/../scripts/rdirs.php');    // file to include in ibrowser.php (useful for setting $cfg['ilibs] dynamically
   //-------------------------------------------------------------------------


Question::: what do we put for the value in both??? is this from our root directory?

so for 'value' => '/dev/im/assets/images/',
can I put 'value' => '/data/images/', ?????

do I replace ALL 'value' => '/dev/im/assets/', with /images/??
User avatar
eberswine
 
Posts: 289
Joined: Thu Apr 26, 2007 7:23 pm

Postby eberswine » Tue Mar 16, 2010 8:44 pm

Damn..

they also updated the TinyMCE javascript.. It isn't working with a fresh install....
they are currently using tinymce 3.3 and the tinymce.php plugin file needs to be updated to work correctly with this version???

Here is the tinymce.php file that fi-dd made:
Code: Select all
<?

/*
Plugin Name:    TinyMCE
Plugin URI:    http://cutenews.ru
Description:    WYSIWYG editor <a href="http://tinymce.moxiecode.com">TinyMCE</a>.
Version:       1.0
Application:    CuteNews
Author:       ???? zloy ? ????????
Author URI:    http://lexa.cutenews.ru
*/

add_action('new-advanced-options', 'TinyMCE', 1);
add_action('edit-advanced-options', 'TinyMCE', 1);

function TinyMCE(){
?>
<!-- tinyMCE -->
<script language="javascript" type="text/javascript" src="./tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
   tinyMCE.init({
      mode : "textareas",
      theme : "advanced",

      plugins : "table,save,advhr,advimage,advlink,iespell,insertdatetime,preview,zoom,flash,searchreplace,print,contextmenu,paste,directionality,fullscreen,imanager",
      theme_advanced_buttons1_add_before : "save,newdocument,separator",
      theme_advanced_buttons1_add : "fontselect,fontsizeselect",
      theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,zoom,separator,forecolor,backcolor",
      theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
      theme_advanced_buttons3_add_before : "tablecontrols,separator",
      theme_advanced_buttons3_add : "iespell,flash,advhr,separator,print,separator,ltr,rtl,separator,fullscreen,separator,imanager",
      
      theme_advanced_toolbar_location : "top",
      theme_advanced_toolbar_align : "left",
      theme_advanced_path_location : "bottom",
       plugin_insertdate_dateFormat : "%Y-%m-%d",
       plugin_insertdate_timeFormat : "%H:%M:%S",
      extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
      file_browser_callback : "fileBrowserCallBack",
        height : "400",
   
   });
</script>
<!-- /tinyMCE -->
<? } ?>
User avatar
eberswine
 
Posts: 289
Joined: Thu Apr 26, 2007 7:23 pm

Postby DarkSlim » Wed Mar 17, 2010 8:43 am

So you say that there is a new TinyMCE version and
that we need to update the plugin for it?
Hmm it shouldn't be complicated, we just need to check
what's new in the TinyMCE include, also, what's new in the
new version? anything valuable?
User avatar
DarkSlim
 
Posts: 298
Joined: Thu Aug 06, 2009 4:18 pm
Location: IL

Postby eberswine » Wed Mar 17, 2010 3:05 pm

YES!

Thank you!

Here is the Changelog.
http://tinymce.moxiecode.com/js/tinymce/changelog.txt

I don't think they added too much new stuff, just updated a few bugs --- !
User avatar
eberswine
 
Posts: 289
Joined: Thu Apr 26, 2007 7:23 pm

Postby eberswine » Wed Mar 17, 2010 8:49 pm

ok, I finally got it working with the jquery plugin:

here is my new plugins/tinymce.php file:
Code: Select all
<?

/*
Plugin Name:    TinyMCE
Plugin URI:    http://cutenews.ru
Description:    WYSIWYG editor <a href="http://tinymce.moxiecode.com">TinyMCE</a>.
Version:       1.0
Application:    CuteNews
Author:       ???? zloy ? ????????
Author URI:    http://lexa.cutenews.ru
*/

add_action('new-advanced-options', 'TinyMCE', 1);
add_action('edit-advanced-options', 'TinyMCE', 1);

function TinyMCE(){
?>
<!-- tinyMCE -->
<!-- Load jQuery -->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
   google.load("jquery", "1.3");
</script>

<!-- Load jQuery build -->
<script type="text/javascript" src="http://www.website.com/cms/plugins/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
   // General options
   mode : "textareas",
   theme : "advanced",
   plugins : "imanager,safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

   // Theme options
   theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
   theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
   theme_advanced_buttons3 : "imanager,tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
   theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
   theme_advanced_toolbar_location : "top",
   theme_advanced_toolbar_align : "left",
   theme_advanced_statusbar_location : "bottom",
   theme_advanced_resizing : true,
   width : "500px",
   


   // Example content CSS (should be your site CSS)
   content_css : "css/example.css",

   // Drop lists for link/image/media/template dialogs
   template_external_list_url : "js/template_list.js",
   external_link_list_url : "js/link_list.js",
   external_image_list_url : "js/image_list.js",
   media_external_list_url : "js/media_list.js",

   // Replace values for the template plugin
   template_replace_values : {
      username : "Some User",
      staffid : "991234"
   }
});
</script>

<!-- /tinyMCE -->
<? } ?>


And I finally got the Imanager icon to show up... But it won't do anything when I click on the icon on the text editor... It won't even give an error message... hmmm.

Any thoughts Dark?
User avatar
eberswine
 
Posts: 289
Joined: Thu Apr 26, 2007 7:23 pm

Postby eberswine » Thu Mar 18, 2010 5:01 pm

hmmm. I have been trying different paths to all the js scripts, but the Imanager button still does nothing when clicked... it is like it is broken.... hmmmmmmmmmm.
User avatar
eberswine
 
Posts: 289
Joined: Thu Apr 26, 2007 7:23 pm

Postby DarkSlim » Sun Mar 21, 2010 8:40 am

Hmm have you checked that you followed all the instructions?
change the "editor_plugin.js" to the tiny mce's version?
I still havn't had time to install/test and try getting it working

You're trying TinyMCE 3.3.1 right?
And it doesn't work with the old include?
User avatar
DarkSlim
 
Posts: 298
Joined: Thu Aug 06, 2009 4:18 pm
Location: IL

Postby eberswine » Sun Mar 21, 2010 6:55 pm

yes, I tried the main package and the jquery package...

I am getting the editor to show up -- and the imanager icon to show up too.. but the button for the imanager doesn't do anything... It is like it is broken...
I replaced the editor.js file in the instructions and also tried the other 2 tinymce files, they have a regular tinymce file and then a 2.x file and then a 3.x file..

the one that finally worked was the 3.x file... i guess because I am using the 3.3.1 tinymce..

This is driving me nuts.. I have tried changing file paths -- but still nothing......! WTF Please help DARKSLIM!
User avatar
eberswine
 
Posts: 289
Joined: Thu Apr 26, 2007 7:23 pm

Next

Return to Additional Downloads



Who is online

Users browsing this forum: No registered users and 0 guests

cron