CKEditor 4
Sun, 06/25/2006 - 05:03
#1
kaeverens
kaeverens's picture
Joined: 08/02/2007
Posts: 126

image preview box

here you go:
http://verens.com/demos/FCKeditor/_samples/default.html

click the image icon, then the browse server button. when you hover over an image link for .5 seconds, a small image preview box pops up with some info.

the changed code is available here:
http://verens.com/demos/FCKeditor/editor.tbz2

changes include:
- fixed contextmenu code, so long pages have the context menu rendered at the correct position
- some optimisation of the php in commands.php
- files and directories beginning with '.' are hidden (this is the UNIX default, anyway)
- thumbnails of max 64x64 are automatically created if you have the Pear Image_Transform library installed (http://pear.php.net/)
- padding of 100px added to the FileArea window, so context menus and info boxes are not chopped off.

gonna take a break now...

Kae

Top
Fri, 03/24/2006 - 02:22
kaeverens
kaeverens's picture
Joined: 08/02/2007
Posts: 126

RE: image preview box

today, I'm working on letting users rotate and resize images with the context menu. I've also applied icons to the context menu (the work is private at the moment - will be public later today).

while I'm at it, I'm wondering if it would be worthwhile separating the HTML and JavaScript into separate files, and converting the "innerHTML"-style code into DOM code?

on a related note, am I wasting my time? will this code be accepted into the main body of work, or is it just another patch?
Top
Fri, 03/24/2006 - 02:39
cedric-ob
cedric-ob's picture
Joined: 21/12/2005
Posts: 27

RE: image preview box

I think it is a good idea.
I have personnaly remove browser from FCK and use one as a plugin, easiest integretaion and modification.
Top
Fri, 03/24/2006 - 05:57
kaeverens
kaeverens's picture
Joined: 08/02/2007
Posts: 126

RE: image preview box

okay. today's work is up:
http://verens.com/demos/FCKeditor/_samples/default.html

note that you can now resize an image, or rotate it clockwise and anti-clockwise.

I have re-written the graphics code to use straight GD instead of Pear, as that was causing problems for some people.

also, I added some icons.

as usual, here are my files:
http://verens.com/demos/FCKeditor/editor.tbz2

Kae

Top
Fri, 03/24/2006 - 07:03
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3737

RE: image preview box

I've tried to see what those changes are about but the test page doesn't load the editor for me. In firefox it shows a white box instead of the editor (the rest of the page is OK) and no errors, and testing in IE says that FCKLang isn't defined.

Anyway, with regards to adding changes to the file manager, all I can say is that previously the alternative MCPUK file manager was included in the package but now it has been removed as it wasn't supported, and in the plugins section you can find the iBrowser, iManager and another image Manager.

I don't use any of those filemanagers, instead I rely on my own one developed long ago and that it's adjusted to my needs, so don't take my words too seriously.

(I can't congratulate you for your work as I haven't been able to test it, but I'm sure that it will be nice and once I can test it I'll give you some praise :-)

Top
Fri, 03/24/2006 - 07:22
frold
frold's picture
Joined: 01/01/2004
Posts: 46

RE: image preview box

I get a error about "FCKlang"... So I cant see the editor
Top
Fri, 03/24/2006 - 08:02
kaeverens
kaeverens's picture
Joined: 08/02/2007
Posts: 126

RE: image preview box

d'oh - my fault - I had "AutoDetectLanguage" set, but had removed most of the language files (all of my clients are Irish).

Please try again.
Top
Fri, 03/24/2006 - 10:46
frold
frold's picture
Joined: 01/01/2004
Posts: 46

RE: image preview box

It works now
Top
Fri, 03/24/2006 - 17:10
qjam
qjam's picture
Joined: 24/03/2006
Posts: 3

RE: image preview box

Great addon..

But smehow it doesnt work when you change the $Config["UserFilesPath"] to something else than "demos/FCKeditor/UserFiles/";
I mean it works but not completely. It does display the folders but not the files.

I had no time yet to examine what might be the problem.
Top
Sat, 03/25/2006 - 12:36
qjam
qjam's picture
Joined: 24/03/2006
Posts: 3

RE: image preview box

I realized something now. Its not a directory issue like I thought.
If there are JPGs and PNGs then all is OK, but after uploading a GIF then it doesnt display the content of a directory. After deleting tha GIF image all works fine.
Top
Sat, 03/25/2006 - 12:56
qjam
qjam's picture
Joined: 24/03/2006
Posts: 3

RE: image preview box

I figuerd out what is the problem.
Its the CreateThumbnail.

"GIF support was removed from the GD library in Vers.1.6 and added back in Vers.2.0.28. This function is not available between these versions."

My version is 2.0.16 so when it tries to execute imagecreatefromgif it outputs some error text and messes up the xml.

I solved this by putting an "if(function_exists($load) && function_exists($save)) ..." before image manipulation in function CreateThumbnail.

Pozdrav
Top
Mon, 03/27/2006 - 09:58
kaeverens
kaeverens's picture
Joined: 08/02/2007
Posts: 126

RE: image preview box

good hunting, Nikola. I remember worrying slightly about using GD on a public project for precisely this reason, but forgot my worries, as my own servers use a later GD.

I'm patching my version now. Thanks.
Top
Fri, 04/21/2006 - 01:07
ianv81
ianv81's picture
Joined: 20/04/2006
Posts: 4

RE: image preview box

would this work in Coldfusion or is it just PHP ?

Also in the image preview pane, where there is sample text in latin, could this be changed so it displays the text that is actually in the editor ?
Top
Fri, 04/21/2006 - 01:31
kaeverens
kaeverens's picture
Joined: 08/02/2007
Posts: 126

RE: image preview box

I've only written the code for the PHP version. Of course, there is no reason why a CF version can't be written as well - just base it on the code in the connectors/php directory - it's very simple to read (in my opinion).

As for the latin - that's fairly standard. I didn't write that bit myself, but it's a staple among web developers to always use pseudo latin as "filler" so you can tell what an aspect of design will look like when surrounded by content. Putting the actual content of the editor in there may be tricky, and /will/ cause problems, I'm sure.
Top
Fri, 04/21/2006 - 05:57
ianv81
ianv81's picture
Joined: 20/04/2006
Posts: 4

RE: image preview box

which part of your php code does the image previews?

As in the Coldfusion connectors directory there are only two files config.cfm and connector.cfm.

Any CF experts out there?
Top
Sat, 06/24/2006 - 05:43
jalperin
jalperin's picture
Joined: 21/07/2004
Posts: 15

RE: image preview box

Could this be updated for 2.3 release version?
Top
Sun, 06/25/2006 - 05:03
kaeverens
kaeverens's picture
Joined: 08/02/2007
Posts: 126

RE: image preview box

Jeff. I'm no longer supporting this version of the file manager, but keep reading - my next post is about something better.
Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check