13 replies to this topic

[nalagar]

I really like FCKeditor but it lacks the easy to use image preview and editing functions I have come to enjoy in Xinha. In my point of view, the iBrowser and iManager, which are two advanced image managing plugins with support for FCK, doesn't come anywhere near the userfriendlyness of Xinha's ImageManager plugin. My customers really need something that's easy to use.

So one day I came across a FCK-adapted version of the ImageManager! The two editors can now easily share the same image directory and thumbnails.

How to install:

1. Extract the ImageManager directory to manager/media/fckeditor/editor/plugins.

2. In manager/media/fckeditor/fckconfig.js, add

FCKConfig.Plugins.Add( 'ImageManager');

after the line "FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;"

3. In manager/media/fckeditor/fckconfig.js, replace the "Image" toolbar item with "ImageManager".
Change:

FCKConfig.ToolbarSets["Default"] = [.......['Image', ......

to

FCKConfig.ToolbarSets["Default"] = [.......['ImageManager', ......

Now you should be up and running.


ImageManager works best if your webserver doesn't run php in safemode. If it does, you must set the option $IMConfig['safe_mode'] = true; in the file config.inc.php in the ImageManager folder.

In safemode, you can not create any subfolders with ImageManager and images in subfolders (you can of course still create folders using an FTP client) are not previewed. If your webserver doesn't run php in safemode you are free to use subfolders as much as you like .

Update September 14 2006 - Updates: Fixed a bug with the insert new folder command. The default thumbnail mode is now "Detailed view", where you see a list of the filenames and hold the mouse pointer over a file to get an instant preview. I have made some modifications to make this mode look a bit more appealing. If you like the other mode better you can just set $IMConfig['ViewMode'] = 'thumbs'; in the config.inc.php in the ImageManager folder.

Update June 7 2006 - New version: I have now modified the ImageManager from Etomite's Xinha package to work with FCKeditor. You can now set the path and url to your image folder using Etomite's manager. To do so you must also have the Xinha editor installed as you need to temporarly select Xinha as your prefered editor to view the image folder and url settings.

The older version didn't always find the image directory and you then had to modify the source to get it right. The new v2 is recommended.

Comments are welcome!

 ImageManager4FCKeditorV2.1.zip   117.17K   303 downloads

Edited by nalagar, 14 September 2006 - 07:37 AM.

[nalagar]

It is the following code in fckconfig.js that defines the toolbar items (perhaps you got a different layout than mine). Simply replace the word 'Image' with 'ImageManager'.

FCKConfig.ToolbarSets["Default"] = [
	['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
	['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
	['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
	['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
	['OrderedList','UnorderedList','-','Outdent','Indent'],
	['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
	['Link','Unlink','Anchor'],
	['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak','UniversalKey'],
	['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
	'/',
	['Style','FontFormat','FontName','FontSize'],
	['TextColor','BGColor'],
	['About']
];

paulg, on Apr 21 2006, 04:54 PM, said:

I follow up to this point - but is this quote just describing what you are doing by adding that line to the code - or is this a separate thing to do? (And if so, how?)

Thanks

Paul

[nalagar]

The Image Manager works in IE for me but I still got the RTM version with FCKeditor downloaded from fckeditor.net. You had to modify it a bit to make it fit with Etomite 0.6.1RTM (using Pelleke's guide in this forum). I'm a bit busy right now but I will try to make it work in both FF and IE with 0.6.1 Final and the "ready made" FCKeditor package.

paulg, on Apr 24 2006, 04:52 PM, said:

Thank you. I hoped that was all it meant, but I'm pretty clueless about code, so I preferred to ask.

That all seems fine - except that after doing all this and checkling it worked using Firefox, I thought I ought to check that my users who are all, I think, using IE were seeing the same: and no toolbar appears at all in IE, so I've had to abandon fckedit after all this, until I can find out why it won't work in IE.

Paul

Edited by nalagar, 24 April 2006 - 03:13 PM.

[Ralph]

As I recall, my statement was more like "If it ain't broke, don't break it"...

[nalagar]

I also got some display errors in IE with 0.6.1RTM and FCKeditor when I played around with the toolbar. I posted a quick and dirty fix for it in this thread. Can it be of any help to you?

Oh, and what I mean about "uncommenting" is to remove the <!-- and --> around something. :betterwink:

paulg, on Apr 24 2006, 07:15 PM, said:

I believe you. I think the word "fix" in that proverb is ironic. It certainly is if I start messing around with bits of code, cause i don't really know what any of it does.
Reading the readme and some of the postings here about upgrade complications has certainly put me off trying to upgrade, as a keen but very ignorant dabbler in this area.  :?: It sounds a damn sight more complcated than it was to install in the first place. However I fully understand I can't really expect people to mess around helping fix things in an old version just because I'm too lazy or too chicken to upgrade.

I'd feel more comfortable if there was a real idiot's guide to upgrading: but maybe I'm the only real idiot who might need it.

Paul

Edited by nalagar, 24 April 2006 - 06:32 PM.

[nalagar]

Ok, I downloaded 0.6.1 Final and the FCK package and I had the same error, even without the image manager! How to fix it? -Simple, just remove a comma ...read more in this thread

paulg, on Apr 24 2006, 11:00 PM, said:

Thanks I'll have a play.

I'm familiar with commenting and uncommenting from way back with faultfinding in Windows 3.1 config files. But I get very confused with what characters you have to use to do the commenting out in different types of code...

Later ... unfortunately this fix doesn't solve my ie issue. But thanks anyway

Paul

[nalagar]

There is a new version available. You can now set the path and url to your image folder using Etomite's manager. Images in subdirecories are now better supported. This version is based on the ImageManager from Etomite's Xinha package. See my post at the top.

Edited by nalagar, 07 June 2006 - 11:21 AM.

[nalagar]

New updated version available. Fixes an issue with the insert folder command. The default viewmode is now set to "details", where you have the filenames displayed as well as a preview. I have updated this mode a bit to make it a bit more appealing to the eye. :betterwink:

I also wrote a short section about running php in safemode with ImageManager. Please see the first post.

[Psycho Mantis]

I can't get it to work.

I downloaded the file, placed it in the fckeditor's plugins folder, editied the fckconfig.js file accordingly, but with no effect. When I click on the add image button when editing a page, I still get the same FCK-Image browser. No change.

At first I thought I misconfigured the config file, but after double and tripple checking, I'm pretty sure it's okay.

I must say, I'm a little confused with the paths to the FCK-relevant folders. Why is this line

"FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/';"

correct when the plugins folder is located in manager/media/fckeditor/editor/plugins? Shouldn't the FCKConfig.BasePath be manager/media/fckeditor and not manager/media/fckeditor/editor?

I downloaded and installed a fresh copy of the etomized FCKEditor from the downloads page, because I had some trouble with the image browser before (see here).