select WYSIWIG editor

[gyst]

No description provided.

[gyst]

verify Raptus code quality, package as pattern if OK.

[fulv]

Per @jcbrand Raptor only support latest two versions of browsers.

consortium's strategy is > IE10, but that can be lowered. but once deployed we need to remain compatible with status, so that could become tricky for Raptor.

Please list other viable options you are aware of.

• Redactor is not open source
• Medium is not sufficient - no tables.
• Aloha is hard to integrate, but seems compatible with IE8. @jcbrand to talk to Florian.
• Sir Trevor?
• Tiny: IFrames, copy/paste, code that it produces
• http://socialcompare.com/en/comparison/javascript-online-rich-text-editors
• http://mindmup.github.io/bootstrap-wysiwyg/
• http://bashooka.com/coding/best-wysiwyg-editors/

Some of the main criteria:

• backward browser compatible
• Open source
• Markup produced
• good Markup for toolbar and editor
• IFrame-free
• Word paste cleanup
• last commits, when last release, how many open pull requests

@cornae: other criteria?

per @maartenkling in Plone5 there is a PLIP to remove Tiny

[fulv]

Aloha uses require.js.

@jcbrand worked on integrating Aloha into our patterns

[jcbrand]

@gyst, @fulv: I got it working as a pattern. It's now just a matter of making it configurable via the data-pat- properties. Will continue on this tomorrow.

[cornae]

Awesome :)

Op 3 mrt. 2015, om 18:02 heeft JC Brand [email protected] het volgende geschreven:

@gyst, @fulv: I got it working as a pattern. It's now just a matter of making it configurable via the data-pat- properties. Will continue on this tomorrow.

—
Reply to this email directly or view it on GitHub.

[cornae]

I just looked at the first of the Aloha. Works great. Only the toolbar is not something I'm very exited about. Is it possible to have a toolbar with the same or similar markup and behaviour as we have for pat-redactor? The fact that it was hard to integrate a regular toolbar was a show stopper for Aloha at the time, but at the current website of Aloha I see examples of 'regular' toolbars.

[jcbrand]

@cornae did you look at the demo of pat-editor?

If you can give me an example of what a regular toolbar should look like and what should go in it, I can take a look at how to create one.

[cornae]

Yes I had a look at it and tried all options.

The one we had in pat-redactor was good both in terms of markup and in terms of how it was configured with the property. Is there a chance that that can be mimicked?

Then the home page of Aloha http://www.alohaeditor.org/Content.Node/index.html has an example that uses markup that’s already close to what I need:

<div class="aloha-ui" style="display: block;">
  <button class="btn btn-md aloha-action-B" alt="bold" title="bold" style="display: inline-block;">B</button>
  <button class="btn btn-md aloha-action-I" alt="italic" title="italic" style="display: inline-block;">I</button>
  <button class="btn btn-md aloha-action-unformat" alt="unformat" title="unformat" style="display: inline-block;">✕</button>
</div>

Also the demo section of the Aloha website uses a toolbar that comes very close to what I like. http://www.alohaeditor.org/demo/aloha-ui/