WYSIWYG

[laurent22]

WYSIWYG in desktop app using TinyMCE, for evaluation purpose only at the moment.

The pull request also includes a refactor of the "NoteText" component, with improved handling of state, which should solve some of the issues with saving and loading notes that have been around for a while. It will also make it easier to switch to a different code editor (instead of Ace Editor) by more clearly defining the interface that an editor must support.

Still to do for WYSIWYG in particular:

• Handle checkboxes
• Handle images upload
• Handle code blocks
• Handle when note updated via sync, or via API

Big issue that maybe has no solution: most Markdown plugins are not supported and most likely any special plugin-specific formatting will be lost when editing a note with the WYSIWYG editor. The exception is fence-delimited Markdown plugins like Mermaid, Fountain or Katex, which are handled separately.

[tessus]

Is this the editor @devonzuegel mentioned a while back?

[tessus]

Ok, it's not. I just checked the code.... Sorry for the noise.

[laurent22]

I've picked TinyMCE because it's been around forever, so it's stable, has good doc, and you can find answers to questions on SO, forums, etc. because it's widely used. It's also easy to extend, which is important for us.

All other editors I've tried are almost in alpha state. They often look good in demos but when you look closely there are big issues, like poor API, difficult to extend, poor quality doc and non existent support.

[ksorv]

@laurent22 Idk very much, but i worked on kind of similar thing with Vue.
I used QuillJS and TipTap, both were actually very capable and stable.
You checked them too?

[laurent22]

I think it's good enough for basic note editing at this point, so I'm going to merge so that it can be evaluated.

Remaining work to do on it will be listed there: #176