WYMeditor plugin

Feed 27 posts, 9 voices

Avatar
70 posts

Hello froggers,

I’d like to contribute yet another rich text editor to the filter zoo: WYMeditor

The plug-in is hosted at github and is in an early but usable development stage. Fell free to give the editor a try and post me your change requests.

From the WYMeditor website

WYMeditor is a web-based WYSIWYM (What You See Is What You Mean) XHTML editor (not WYSIWYG).

WYMeditor’s main concept is to leave details of the document’s visual layout, and to concentrate on its structure and meaning, while trying to give the user as much comfort as possible (at least as WYSIWYG editors).

WYMeditor has been created to generate perfectly structured XHTML strict code, to conform to the W3C XHTML specifications and to facilitate further processing by modern applications.

With WYMeditor, the code can’t be contaminated by visual informations like font styles and weights, borders, colors, …
The end-user defines content meaning, which will determine its aspect by the use of style sheets. The result is easy and quick maintenance of information.

As the code is compliant to W3C XHTML specifications, you can for example process it using a XSLT (at the client or the server side), giving you a wide range of applications.

The editor creates nice XHTML code and has a filter for an exported clipboard filled by Microsoft Word.

Have fun
M

 
Avatar
36 posts

You’re on a roll M, nice work. Thanks.

 
Avatar
343 posts

Very nice, more WYSIWYM editors. It’s good people forget about WYSIWYG because they really are a pain.

 
Avatar
1493 posts

Ahh, thank you M! I first raised the possibility of getting this into Frog back on 11 November 2007. :) I’ll be checking this out quickly! If it works in tandem with tuupola’s Assets Manager, that will be a terrific combination.

 
Avatar
70 posts

Hello David,

[…] If it works in tandem with tuupola’s Assets Manager

well, I’ve not yet tested it with this plug-in, but it works with page part forms ;) —I’ll give it a try with the assets plug-in today.

[…] of getting this into Frog back on 11 November 2007

Funny haven’t seen this post so far. I just thought it might be a nice addition to Frog.

M

 
Avatar
1493 posts

… I just thought it might be a nice addition to Frog.

And I am so glad you did, M! :)

I hope to try it out this evening.

 
Avatar
70 posts

Hello David,

hey you just scattered the requests all over the forum ;)

 
Avatar
70 posts

Hello David,

[…] If it works in tandem with tuupola’s Assets Manager

I have to take a closer look. Currently it’s not working :(

M

 
Avatar
1493 posts

Quick update: I’ve just installed this (without Asset Manager so far), and first impression is quite wonderful. :) It’s working nicely so far, although I haven’t done any “stress testing” yet!

Great job, M! And thanks again.

 
Avatar
70 posts

Hello David,

drag and drop from assets looks bad so far, but there are chances that they will drop the iframe in a future version. Sorry.

M

 
Avatar
3 posts

“Paste from Word” feature not working in Safari 4.0.1 on Mac OS X.

Thank you for WYMeditor for Frog. It’s more usefull than TinyMCE.

 
Avatar
3 posts

And also in Safari 4.0.1 on Mac OS X not working any functions with pop-up windows interface (“Link”, “Image”, “Table”, “Preview”). And in pop-up windows not working Cancel button. In Firefox all of these functions working properly.

 
Avatar
20 posts

Good job!!!
Does WYMeditor has some sort of image upload function? Or “paste image address” option only?

 
Avatar
70 posts

Hello vovanbo,

in Safari 4.0.1 on Mac OS X not working any functions with pop-up windows interface

Damn! —their demos do. Something must interfere with the Frog environment, I’ll look into it over the weekend. I have the hope that all of this is a common problem.

Hello Joakim,

some sort of image upload function

The next thing I want to develop is an integration into the frog environment including image management like the assets plug-in. But my day-job keeps me busy ;)

M

 
Avatar
70 posts

Just to keep your folks updated …

I came to notice, that there is a WYMeditor plug-in for Radiant. I’ll integrate the modifications for Frog.

 
Avatar
41 posts

I love this plugin so far. How can I add new classes in the editor? Is there a way?

 
Avatar
20 posts

@M:
What kind of modifications?

 
Avatar
70 posts

Hello all,

@vovanbo:

in Safari 4.0.1 on Mac OS X not working any functions with pop-up windows interface

As with version 0.0.3 all pop-up windows work now with Safari.

@Pnikosis:

How can I add new classes in the editor? Is there a way?

I’ll include this in the next release

@Joakim:

What kind of modifications?

The changes the Radiant version has in contrast to the vanilla WYMeditor (e.g. layout of the classes, icons?, integration with a gallery script to select images, etc.) or in more general the Frog CMS ;)

@David: is seams like the Radiant version supports drag and drop *g

Regards
M

 
Avatar
8 posts

Damn M! You rock! Once again … awesome! :) I didn’t even properly know about wysiwym … I really like it now!

Do you see a way to integrate some kind of page chooser that lists all the Frog Pages for relative links … that would speed up publishing a lot I think … ?

@Pnikosis:
There is a quite easy way to do this … WYMeditor has a lovely feature: WYMeditor Doc (just found out about this myself)

Only things you have to do:

  1. write your own stylesheet (or just use their stylesheet ) and save it on your server
  2. add the stylesheet to your wymeditor. In the file frog/plugins/wymeditor/frog_wymeditor.js: just add a line like
stylesheet: '/frog/public/editor/styles.css',  // you use your path of course, can be relative or absolute or whatever

after

lang: frog_wymeditor_language,

(this is around line 65)

 
Avatar
70 posts

Hello a.renz,

this is what you get if you don’t release early, release often ;)

Please see revision 0.0.4 at github and if it is usable for you. You can set the styles in the plug-in settings. I had this code ready since last week ;) My intention was to tweak the ‘skin’ for frog a little bit for the 0.0.4 release. No it’s planed for 0.0.5.

I needed to bend Frog a little bit (see index.php). Any hints how to work around this are very welcome.

If anyone is interested to contribute for the plug-in just clone at github and send me your pull requests —or just post your code to this thread.

Regards
M

 
Avatar
8 posts

Hey, thank your for that!

I tried it, but there seems to be a smaller problem: When I am loading the editor (when editing a page), Firefox Error Console tells me:

Error: frog_wymeditor_language is not defined
Source File: http://..../frog/plugins/wymeditor/frog_wymeditor.js
Line: 65

I think there is some kind of problem with environment.php – how do you include this?

Kind regards,
Alex

PS: I will see if I can find a nice way to include this page-linker-thing :)

 
Avatar
70 posts

Hello Alex,

this was because of ‘USE_MOD_REWRITE’. Now it works with either set to true or false. Please give it a try.

It’s version 0.0.5 now.

Regards
M

 
Avatar
8 posts

Hi M,

I got the new version – same problem for me … :(
I also tried the 0.0.3 again, this one still does work.

Regards,
Alex

 
Avatar
70 posts

Hello Alex,

ok, last try. If 0.0.6 does not work out for you, you need to give me a little bit more information about your set-up.

Give 0.0.6 a try, please.

Thanks
M

 
Avatar
8 posts

Hello M!

Thaaaaaaannnnnnk you for your patience … 0.0.6 is working fine :) – And it is looking awsome, nice skin ;)

Thanks again :)
Alex