CKEditor for websitebaker

[Waldschwein]

With latest version 0.1.3 CKEditor is now "forced" to use a custom editor.styles.js (in modules/ckeditor/wb_config/).
When I have time I will make it possible just like the editor.css to use the editor.styles.js in any frontend / backend template - that's no problem.
It should be now easy to see how the Styles are working as the WB one makes use of quite everything.

Yours Michael

[Stefek]

Thanks for picking up my suggestion.
http://www.websitebaker2.org/forum/index.php/topic,17913.msg119099.html#msg119099

It will make life much easier.

Regards,
Stefek

By the way, you can also do the same for CKE Templates.
I prepared some FCK Editors some time ago for use with templates.
Unfortunatly I had to change the Modules Core files to achieve this.

[Waldschwein]

By the way, you can also do the same for CKE Templates.
I prepared some FCK Editors some time ago for use with templates.
Unfortunatly I had to change the Modules Core files to achieve this.

That is not necessary, as it's not necessary for the Styles. We have CKEditor, that is not FCKEditor. 
But I have introduced that night a "new" config.js that makes use of that. Don't know if the .php templates - field is working correctly, but I want to use PHP for that because of the WB_URL variable - otherwise it's always quite a problem to know which relativ pathes to use - in most cases the best is for that http://path/to/the/file.js.
Everything are .js files, but there are examples for all.
No need to change any Core file.

Yours Michael

[ruebenwurzel]

Hello,

found a small bug in uninstall.php. Should be:

Code:

rm_full_dir(WB_PATH.'/modules/ckeditor/ckeditor');

instead of:

Code:

rm_full_dir(WB_PATH.'/modules/ckeditor');

Like this Editor, would like to see it as the default WYSIWYG Editor for WB. But personally i would prefer the "office2003" skin instead of "kama". The colors of kama hurts in my eyes, especially the red and orange.

But good work till now.

Matthias

[mr-fan]

hi there,

i know it dosen't matter at this point of the project but only remark a really interesting candidate for a file/pic manager to integrate it in the CKEditor Mod

there is a documentation about integration in CKeditor and there are 16 Languagefiles...thi s could controled by WB lang options...and it's not overloaded like other scripts - but has important features like imageediting, search and so on.

just as a first hint: http://kfm.verens.com/Documentation/Installation/Using-KFM-as-a-plugin-for-CKeditor

regards martin

i think CKEditor should be the next Standard WYSIWYG, too!
keep up the good work - until i've more time and jQueryadmin is RC i will test the CKeditor mod, too!


//EDIT: Or would it be possible like you mentioned - to integrate (open from CKE) the media section of WB? - this would be the easiest way if this could be done...

[Waldschwein]

Hello!

Thanks Matthias - I have corrected it, though I don't really understand why only say to delete a subfolder of the module instead of the whole module...

Well, we have the media center we could (perhaps) use for that. In the current version it is being used as a filebrowser - and it's working (beside there's the bug it's useless, because the URL is not being inserted in CKEditor).

KFM looks very good - but it's too big to include it in WB Core. It's 2.5 MB as a zip ( 3 times as big as CKEditor and 2 times as big as current FCKEditor...).
But perhaps we can make a KFM-module for it's own for WB and linking it (if it's installed). That's how many others do it.
But: KFM is _not_ GPL! So we can't use it for WB core - but the license is quite "good" for making a LGPL module, as it's quite the same as GPL.

The media center of WB has quite everything - included filebrowsing and uploading, it's just the problem I don't know yet how to tell CKEditor what is selected and how to "outsource" correctly the upload mechanism.
I know the doc http://docs.cksource.com/CKEditor_3.x/Developers_Guide/File_Browser_%28Uploader%29/Custom_File_Browser
But unfortunately I can't running... It would be very nice if somebody could help me here.

Yours Michael

[mr-fan]

It's 2.5 MB as a zip

[/b]

oh....i didn't see that size....just the nice "look&feel"...

but i think that it would be a real good thing if we could use the media-section for this like you explained...maybe someone could help with this issue or give you a good hint?

regards martin

[Waldschwein]

Well, the only thing I did is
http://github.com/Tenschert/ckeditor/blob/master/wb_config/wb_ckconfig.js

    config.filebrowserBrowseUrl = '../../admin/media/browse.php';
    config.filebrowserUploadUrl = '../../admin/media/upload.php';
    config.filebrowserWindowWidth = '800';
    config.filebrowserWindowHeight = '500';

With the first one CKEditor knows "ah, there's a filebrowser" and also correctly opens a Pop-up. That's all you should do.
But with http://docs.cksource.com/CKEditor_3.x/Developers_Guide/File_Browser_%28Uploader%29/Custom_File_Browser how it should work... I used all examples.

The uploader I don't know if we can use. But I guess it's somehow possible.
The fact I don't want to use an external filebrowser is: It's always a secure risk. If the media center has one - well, then the Development Team (has to) fix(es) it.
But using another one, we don't know how good it is, how it reacts under different configurations and so on. Of course the WB Mediacenter doesn't hav much features - but if anybody wants more, he can use CKFinder, KFM and so on...

Yours Michael

Edit: To change "kama" (standard Skin) to another one, just go into wb_ckeditor.js and change
config.skin             = 'kama';
to
config.skin             = 'office2003';
or
config.skin             = 'yourskin,/customstuff/myskin/';

[aldus]

Hello

You know - i'm a droplet-adict, so an editor without a working droplet-module is
nothing for me

Just tested it within the last pre-one in your repository and it's still working ... only replace the
wbdroplet - modules folder ...

As for the call-back from a file-browser you will add some javasript to the browser
to inform the "window.opener" about the selected file/image/path ...
e.g.

Code:

/**
 * Helper function to get parameters from the query string.
 * Orginal Source found at:
 * http://docs.cksource.com/CKEditor_3.x/Developers_Guide/File_Browser_%28Uploader%29/Custom_File_Browser
 *
 */
function getUrlParam(paramName)
{
  var reParam = new RegExp('(?:[\?&]|&)' + paramName + '=([^&]+)', 'i') ;
  var match = window.location.search.match(reParam) ;
 
  return (match && match.length > 1) ? match[1] : '' ;
}

function call_back_to_ck ( fileUrl ) {

var funcNum = getUrlParam('CKEditorFuncNum');

window.opener.CKEDITOR.tools.callFunction(funcNum, fileUrl);

window.close();
}

so using "browse.php" from the core could be very problematic as it use it's own template
e.g. inside the argos-theme ... and the js-calls must be re-worked at all.

As for the WB-Link i would prefer to use the existing "link"-Modul as a basic one, instead of modify
it - and make the only changes in the url-select similar the wbdroplet one ... so the rest of the
dom-handling will be the same - and more stable than digging the whole one again ...

Kind regards
Aldus

[Waldschwein]

Hello!

Thanks very much aldus for the Droplet module - I included it in 0.1.6.
The WBLink module I will soon update. Now I have some example - similar CKEditor Plugins I haven't found, because all of them have so much code... And I don't think we need an AJAX suggest search inside to put weeks in it...

For the FileBrowser - well, perhaps we just reuse the FCK one? http://www.mixedwaves.com/2010/02/integrating-fckeditor-filemanager-in-ckeditor/
The problem is perhaps, that the WB Mediacenter will be recoded some time from ground - the developer should focus then on getting an API to reuse it with other modules (not just CKEditor, also other WB modules).

Then - if integrating FileBrowser ( I know of course we need to make some adjustments as they are yet in FCKEditor module it works with settings and so on) and updating the WBLink module this weekend the CKEditor could be quite finished, tested here and then get it to the SVN / AMASP.

Yours Michael

[Waldschwein]

Hello!

So, one of the "bigger" problems is solved: The Filebrowser from FCKEditor is now fully integrated.
I took the one from the latest FCKEditor (2.6.6), combined it with all the changes made in current FCKEditor module (WB Core 2.8.1 / FCK version 2.9.4) and followed the instruction above.
It works really good - also the integrated uploader in CKEditor.
But we need to restyle the filebrowser - it doesn't look good with a modern look.
The package is only 65kb bigger - so no big problem. But - there are many image files. But it's the best compromise...

So we have now version 0.2.0, it's Alpha 2. Please test the uploader, the filebrowser and so on!
The latest problem is now just WBLink, but it shouldn't be one - thanks to aldus.
A few customs like UIColor Cookie saving I want to implement, but that's just nice gimmicks.

Yours Michael

[WB-Boosta]

Cool & good work!   
The filebrowser is essential for my clients!
Hope for good integration of the flash JW Player as well…

[Waldschwein]

Hello!

Thanks to aldus we have now a fully working WBLink and WBDroplets module!
The CKEditor module should be finished (well.... RC for the first) now and should work as expected - please test it!
AMASP: http://www.websitebakers.com/pages/admin/admin-tools/ckeditor.php
Git: http://github.com/Tenschert/ckeditor/downloads

Yours Michael

[macsmet]

@Waldschein: just tested version 0.28 on OSX 10.6.3. But WBDroplets doesn't work on Safari 4.05, Firefox 3.6.3 and Google Chrome 5.0.342.9 beta.
Keep up the good work!

greetings,

MacSmet

[Waldschwein]

Hello MacSmet!

Could you please look at the Firefox errorconsole and post here the JavaScript errors (I know, there are several in CSS, but we can't change that).
Thanks very much.

Yours Michael

[macsmet]

Hi Michael,

FireFox errorconsole gives the following errors (in Dutch):

Fout: unterminated string literal
Bronbestand: .../ckeditor/ckeditor/plugins/wbdroplets/dialogs/wbdroplets.php?t=A39E
Regel: 43

Fout: [CKEDITOR.dialog.openDialog] Dialog "wbdropletsDlg" failed when loading definition.
Bronbestand: .../ckeditor/ckeditor/ckeditor.js?t=A39E
Regel: 96

And indeed there are a lot of CSS errors.

Greetings,

William

[aldus]

[....]
Fout: unterminated string literal
Bronbestand: .../ckeditor/ckeditor/plugins/wbdroplets/dialogs/wbdroplets.php?t=A39E
Regel: 43
[...]

Hm ... on a testserver we've got a similar problem within an comment from a droplet "showwysiwygsection",
by removing the linebreak the droplet-module works ...
So - if you click on the error-message-link in the console, could you please post the upcoming
js-block, please.

Regards
Aldus

[macsmet]

@Aldus: following the link in the errorconsole lead me to the following code:

Code:

var info = new Array();info['[[EmailFilter]]']='Emailfiltering on your output - output filtering with the options below - Mailto links can be encrypted by a Javascript<br /><br />usage:  [[EmailFilter]]';info['[[foto]]']='<br /><br />[[foto?map=...]]';info['[[fotoalbum]]']='<br /><br />[fotoalbum?folder={pat_to_image_directory}&display={first, notfirst, all, firstlink}&group={any_group_name}]]';info['[[jQueryInclude]]']='Include a jQueryAdmin Preset<br /><br />Use: [[jQueryInclude?preset=default&module=jqueryadmin]]

Is this what you mean?

Greetings,

macSmet

[aldus]

Thank you - yes - this is what i mean, and it's the jQueryAdmin-Droplet-Description ... hm ...
Ok - i see, i must take hand on the wb-droplet-module for the ck-editor again ... 

Kind regards
Aldus

[oeh]

So far so good.

Here's what I found not to work.

WB link. On multilingual site, there ate not possible to link outside
the root of that language.



When trying to insert droplets nothing is happening other than the muse goes in to hourglass mode.

Other than that, just great.

Regards
OEH

[VSG]

Hi, there!

Great module and works great on my test-installation. I have one question, however. Is it possible to get the context-menu in the textarea to work with Opera Browser? (I know that didn't work in FCKEditor either but maybe there's a solution for CKEditor.)
I honestly don't know why that is not working, especially if you use tables and want to insert or delete a row or cell. In Firefox and Internet Explorer the context-menu works perfectly. But both browsers are a pain when you have to edit big sites. And with Opera the context-menu stops working after you scroll down or use it for five or six times. It simply stops ... I don't understand why.

Alternatively: is there any way to implement buttons for the functions you call via the context-menu? For example I can't find a way in the config file to show buttons for editing an existing table. All I can do is add a new one.
But the "insert/delete row" feature can't be called via button?

Hope there is (after all these years) a solution to the problem some where.
Thanks, best regards!
VSG

[comfort]

Great!
Only one thing: when i want to change the skin to office2007, i must get into the code to mutch.
In the wb_ckconfig can i change the config.skin = 'kama'; to 'office2007';
perhaps a great add to this module, is that you can change your template as a user without scripting.

[Waldschwein]

Hello!

I tested CKEditor module with Opera 10.5 and everything works perfect. Also in IE8, IE7 (yes, there is a problem, but newest version 0.3.1 will fix it), Firefox 3.6, Chrome 4.
When you have errors with Opera, please copy the error console (yes, it has quite few things there...) messages here if there are any.

About the style: Hmm, it is quite a problem to change that inside websitebaker.
The only useful way would be here to store the whole wb_ckconfig in the database... and I don't think many people want to change their template skin that often.

Yours Michael

[Waldschwein]

Hello!

Ok, the first RC version of CKEditor is here!
It contains a completely new styled filebrowser (thanks Stefek) and a bugfixed WBDroplet & WBLink (thanks aldus!). With WBLink you can also add a style and make use of the pagetitle!
Version 0.3.2 you can download on AMASP http://www.websitebakers.com/pages/admin/admin-tools/ckeditor.php or on the github site.

Please test this version - especially the Filebrowser & Uploader (security!), the WBLink and WBDroplets module!
You can use it - on your own risk... - also on live sites.

Yours Michael

[macsmet]

Hi Micheal,

I tested version 0.34 and WBDroplet & WBLink work fine in all the lastest versions of my Mac Browsers (Safari, FireFox, Chrome, Camino and Opera). I like the new look of the filebrowser. Keep up the good work!!!!

For me the only thing still missing in the filebrowser is a way to 'edit' the images: rotatation for example.

Greetings,

MacSmet