Open
Description
Moving this here from the gist, so we can have it more easily accessible
Options
Ember.js Wysiwyg Component with Summernote
- http://hbrysiewicz.github.io/2014-04-18-summernote-ember-wysiwyg.html
- Seems like something along the lines of cl/ckeditor or TinyMCE. Typical rich text editor
Ember Simple Wysiwyg component
- http://indexiatech.github.io/ember-components/#/component/component.wysiwyg/simple
- Simpler, seems cleaner, but for some reason, doesn't support changing styles on selected test. You select a style, then type in that style
Using a markdown processing library with some simple helpers we can implement
- https://github.com/showdownjs/showdown is a good library
- https://github.com/jpadilla/ember-poe is an example of how that library was used to create a markdown editor
- With the adition of some custom buttons/controls, we could roll out something of our own
- https://github.com/pixelhandler/blog is an example of something like this being done
Ace with ember-ace-editor
CodeMirror with ivy-codemirror
- https://codemirror.net/
- https://github.com/IvyApp/ivy-codemirror
- Also code focused
- Used by Ghost blogging platform - the platform actually has its own component which wraps code mirror, so we can use it as an example
Thoughts
- Overall, I'm leaning towards something markdown based
- An inline editor insted of one that's input/preview based is a probably a user-friendlier option, but also more difficult to implement right.
- If I had to choose, I'd go with CodeMirror, either with the
ivy-codemirror
ember addon, or something of our own making, based on how Ghost does it.
Metadata
Metadata
Assignees
Labels
No labels