Kemal Yılmaz front-end developer

Markdown - Notes

Notes on Markdown WYSIWYG-style editors, online tools, ...

ℹ️ This is a "notes collection" item. I use notes collection to compile practical information for myself in an unpolished way. It's probably best not to rely on this information without verifying it against up-to-date sources. Also, it is not a good place to use as reference, as the content is subject to frequent updates without warning.

JavaScript Editors

At some point, I’ll need an online editing option for blog posts to simplify updates and typo corrections. Here are the markdown editor candidates for making it possible.

Some of the items below offers more than markdown support. Keep that in mind.

  1. https://simplemde.com/
    1. Super simple, no WYSIWYG support, side-by-side view instead.
    2. Not actively maintained anymore.
    3. MIT License
  2. https://frutjam.com/plugins/markdown-editor
    1. Simple editor with WYSIWYG support.
    2. Also a part of a UI-library.
    3. MIT License
  3. https://prosemirror.net/
    1. Advanced features; collaborative editing, change tracking, custom linting patterns, …
    2. MIT License
  4. https://milkdown.dev/
    1. WYSIWYG editor, programmatic access, plugin system.
    2. Build on top of ProseMirror and remark [1].
    3. MIT License
  5. https://editorjs.io/
    1. Markdown elements as building blocks. (As in draggable blocks in the editor UI.)
    2. JSON data output option instead of HTML.
    3. Programmatic access, plugin system.
    4. Apache-2.0 License (Permissive, requires having the LICENSE and a NOTICE [2] file that documents contact info, modifications, purpose, scope, …)
  6. https://lexical.dev/
    1. Cross-platform WYSIWYG editor, rich text elements as building blocks.
    2. Markdown support, advanced features.
    3. MIT License
  7. https://svelte-lexical.vercel.app/
    1. Svelte-specific rich-text editor based on Lexical.
    2. MIT License