There are two versions of this editor:
- static editor: a browser-only toy/demo with no persistent storage
- web editor: this is editor present in OurBigBook Web. It is linked to the database, and has further features added on top of the static editor.
Issues for the editor are being tracked under: github.com/ourbigbook/ourbigbook/labels/editor
We must achieve an editor setup with synchronized live side-by-side preview.
Likely, we will first do a non WYSIWYG editor with side by side preview with scroll sync.
Then, if the project picks up steam, we can start considering a full WYSIWYG.
It would be amazing to have a WebKit interface that works both on browser for the and locally.
Possibilities we could reuse:
- CKeditor ckeditor.com/ Used e.g. by Trilium Notes.
- Editor.jsReturns JSON AST!
- website: editorjs.io/
- source: github.com/codex-team/editor.js
- WYSIWYG: yes
- preview scroll sync: yes
- StackEdit
- markup implementation: PageDown
- website: stackedit.io
- source: github.com/benweet/stackedit
- demo: stackedit.io/app
- WYSIWYG: no
- preview scroll sync: yes
- Editor.md
- website: github.com/pandao/editor.md
- source: github.com/pandao/editor.md
- demo: pandao.github.io/editor.md
- WYSIWYG: no
- preview scroll sync: yes but buggy when tested 2019-12-12 on live website
- Custom editor and highlight via highlight.js.
- markup implementation: custom
- website: markdown-it.github.io
- source: github.com/markdown-it/markdown-it
- WYSIWYG: no
- preview scroll sync: yes
- editor hangs on large input: yes
- Quill.md
- website: quilljs.com
- source: github.com/quilljs/quill/
- demo: pandao.github.io/editor.md
- WYSIWYG: yes
- markdown output: no github.com/quilljs/quill/issues/74
- ui.toast.com/tui-editor/
- www.froala.com/wysiwyg-editor