JavaScript WYWIWYG Editors (Markdown, HTML)

WYSIWYG Editor requirements

Essential

Headings
Text styles
- Bold
- Italic
- Inline Code
- Code Block
New line (not paragraph) in bullet points (e.g. start a bullet. Type a line. Press Shift + Enter for a new line. Type a second line).
Block Quote
Links
Horizontal Lines
Ordered and Unordered Lists
- Indentation levels
Images
- Upload and save
Get raw MD and/or HTML content (for storage and rendering)
What format the content is stored in.
Exporting data
Export/Get to the HTML (or Markdown)
Import HTML or Markdown

Nice to have

Text styles
- Strikethrough
- Underline
- Highlight (background colour)
- Text colour
- Font family
- Font style
Indent paragraph
Text alignment
Embed video
- YouTube, Vimeo links

StackEdit – In-browser Markdown editor

benweet/stackedit: In-browser Markdown editor

nhn/tui.editor: ?? Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

Editor.md – Open source online Markdown editor.

Editor.js *** (ooh!)

editor-js/awesome-editorjs: ? A curated list of awesome Editor.js tools, libraries and resources.

what markdown editor dors stack overflow use – Google Search

StackExchange/MarkdownSharp: Open source C# implementation of Markdown processor, used by Stack Overflow.

What’s the Markdown Editor that Stack Overflow is using? – Meta Stack Overflow

textarea – Markdown editor with preview – Stack Overflow

StackExchange/Stacks-Editor: Stack Overflow’s Combination Rich Text / Markdown Editor

StackExchange/pagedown: The Markdown editor and converter used on Stack Overflow and the other Stack Exchange sites

—

Quill – Your powerful rich text editor

quill.js markdown – Google Search

quilljs-markdown – npm

—

Editor – Vue.js Examples

Integrate editor.js & editor.js example & editor.js vue

Quill.js

Render HTML

Image uploading

Get Contents

Get HTML

.

Quill editor from and to markdown · Issue #2514 · quilljs/quill

Quill -> Markdown

Outline

Outline – Team knowledge base & wiki