There are two versions of this editor:
- editor.html is a toy/demo with no backing database.That editor can be viewed directly locally with:
git clone https://github.com/ourbigbook/ourbigbook cd ourbigbook npm install npm run build-assets chrome editor.html
It also appears at docs.ourbigbook.com/editor hosted simply under GitHub pages. - a similar looking editor will also appear on the OurBigBook Web, but this time linked to the database.That more advanced editor will actually save results back to the database, and show allow preview of features such as linking to headers of other pages.
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