Replacing TinyMCE

[mworrell]

We propose to replace tinymce with an editor that:

1. Uses the browser's contentEditable instead of an iframe.
2. Is more lightweight
3. Can be used for collaborative editing

And of course it should be:

1. Well supported / maintained
2. Small javascript / browser footprint
3. Easily used as a drop-in on any page
4. Easy to extent with our features.

After extensive research by @fredpook and Ruben Lie King we propose to use http://substance.io

This issue is to track what needs to be done to add this editor and possibly http://substance.io/texture

/cc @ArthurClemens @mmzeeman @ddeboer @arjan

[ArthurClemens]

I could not find a Substance example with regular editing features such as inserting images, bullets and so on, so I find it difficult to evaluate at this point.

[mworrell]

We will have to setup a test env ourselves and check if we can make our own plugins for the Zotonic modules.

In their examples I have found list editing, nested blocks, and a simple image container.

https://github.com/substance/examples

You can clone that and run it.

[fredpook]

Ruben lie and me are are prototyping a rough integration of the boilerplate simple-writer
https://github.com/substance/simple-writer

[rl-king]

Some findings on playing around with Substance for a bit.

It's focused on creating your own editor and is not a drop in replacement for a preconfigured editor. You create a config file which you'll build with a set of tools they provide.

For example https://github.com/substance/simple-writer/blob/master/lib/simple-writer/SimpleWriterPackage.js

This config includes what type of tools/features you like the editor to have.
For each type of element/data you want to import in the editor you have to include a 'package' which handles how the editor interprets your data.

E.g. to import <p> tags you'll need ParagraphPackage