A light weight WYSIWYG editor!

I found this little lightweight editor that you might want to consider using it as an option or as the default editor for Modx.

Here is the link: http://www.themaninblue.com/experiment/widgEditor/

Thanks

Looks pretty good! I’ll see what I can do about making it into a plugin.

EDIT: One thing I noticed though...it doesn’t support Safari too well. I don’t know how Ryan’s gonna feel about that. Heh heh! But IE, Mozilla, and Firefox all work. Though, I’m wondering if Spaw might be a better fit. Hmm....

Jeff,

Thanks for taking a look at this editor.

Here is what I found at the Spaw editor web site:
Client: Microsoft Internet Explorer 5.5+ on Windows or Gecko based browser (Mozilla 1.3 or newer) on any supported OS.

It did not support Safari either!

I don’t beleive Safari support javascript does it?

I think most Mac user user FF when they need a browser to support javascript. I might be wrong!

Yeah, you’re probably right. Hell, even TinyMCE has problems with Safari...go figure! I’ll probably make a modest MODx plugin out of it anyways...couldn’t hurt! Might as well give everyone plenty of choices.

None of the WYSIWYG javascript editors will work with Safari. Some of the javascript used is a non-standard extension. However, certain "live" editing features that work in Safari don’t work in Firefox. Go figure.

I’ve wanted a widgEditor plugin for a long time. It came out about 9 months ago I think. It’s roughly 100 KB vs. 1.x MB (or more) for "Tiny" MCE or FCK. It doesn’t do images or other stuff, but works great for very simple text edits.

Now that the webkit and jskit are open source for Apple, I’d expect Safari to catch up soon. Even then, it’s nice for me to get to the code on RTE pages just by using Safari and not having to set any preferences. Need RTEs? Login with FF.

Or Camino. Works like FF, uses the same codebase, but looks prettier somehow. I’ve been using it a lot lately.

My recommendation is that someone take a stab at creating an extra integrating Froala (http://editor.froala.com/#editor-example)

About widgEditor: I don't think an editor that won't do images or files is going to get much traction.

I really like the look of Froala, but if I'm reading the docs right, you'd need a unique ID for every paragraph and separate bits of specific JS code to make each paragraph editable. http://editor.froala.com/docs.

Hey Bob, thanks for the fast reply. Firstly the editor does support pictures as you can see here with the demo http://editor.froala.com/. Secondly, the editor only needs a region (div, etc) with an editable id declaration and then all sub-content can be edited as expected.

For example the inline editor works as follows:
<div spellcheck="false" data-placeholder="Type something" style="outline: 0px none;" class="froala-element" contenteditable="true">editable content</div>

The main editor as follows:
<div id="main-editor" style="text-aling: center">editable content</div>

The editor does not clobber embed codes, which means when you insert video (using the provided video button on the editors toolbar) the html code stays intact.

It is very clean and supports drag and drop image editing. Also photo alignment is very good, simple and straight forward, which I find can be iffy in some of the other editors.

Also, this wysiwyg editor works wonderfully on iOS which is often a problem with other editors

Which is why I thought that it would be a really nice option for a default wysiwyg iOS compatible editor for MODx.