search

Haskell-Praxis / hakyll-cms

A hakyll frontend written in ghcjs and haskell.
BSD 2-Clause "Simplified" License
1 stars 0 forks source link

Which Text Editor #1

Closed pheara closed 7 years ago

pheara commented 7 years ago

Which one should we use?

pheara commented 7 years ago

There's a reflex-wrapper for ACE

pheara commented 7 years ago

According to the README of Brace ACE requires a service-worker and to "run it on the server as well", which brace tries to solve (by inlining the web worker)

pheara commented 7 years ago
Editor Size Editing Exports Toolbar Notes
Medium.js 18k rich html JS-API
Trumbowyg 21k + jQuery rich html at top
pen 32k rich md mouse-over
EpicEditor 34k md with preview md none
bootstrap-markdown 49k + Bootstrap md with preview md at top
CLEditor 9k + jQuery rich html at top win95 style
bootstrap-wysiwyg 5k + jQuery + Bootstrap rich html export at top
Lepture's Editor 247k md with preview md at top
Vue.js 273k md with preview md none
SimpleMDE 280k md with preview md at top
Grafikart/JS-Markdown-Editor 189k + jQuery + Bootstrap md with preview md at top
medium-editor 311k rich html mouse-over
bootstrap-wysihtml5 325k rich html at top
TinyMCE 405k rich html at top many markup options
ACE 645k md amongst others md if md is written none code editor with syntax highlighting
Hallo.js 106k + 566k dependencies rich + md md at top
CKEditor + Markdown Plugin ~820k rich + md md at top many markup options, configuration-tool, uses iframes
jbt/markdown-editor 823k with various dependencies md with preview md none default style unusable on small screens
Markdown-It 250k + 850k dependencies md with preview md none
Substance 1.14M rich html at top
Stackedit 1.48M md with preview md at top requires nodejs server
Woofmark 1.4M rich + md md at top
Pandao/Editor.md ~1.7M with various dependencies md with preview md at top many markup options; github-repo
Dillinger 1.8M md with preview md none various import/export options
Markdown-Plus 6M with various dependencies md with preview md at top
Aloha discontinued

sorted by uncompressed size. bootstrap is about 28k uncompressed, jQuery about 91k. sizes have been determined by looking at the network tab on the demo pages (subtracting any content, like images, in those demos).

Other comparisons:

peacememories commented 7 years ago

Only having evaluated the text editors of moderately reasonable size, the right choice as of now seems to be SimpleMDE. It has a mature API and a clean look, which more than makes up for the size difference between it and e.g. Pen, which has a minimal API and does not fit our use case well.

The most important difference here is that SimpleMDE provides change events and a clean interface to move between its text representation and the markdown of the backend.

The other smaller editors have mostly bad UI or are not very mature. Larger editors were not considered as closely because SimpleMDE seems to tick all the boxes except for its size.

pheara commented 7 years ago