10 Awesome Javascript WYSIWYG & Markdown Editors

Although WYSIWYG & markdown editors have limited options compared to source code editors, they can make basic content editing very easy. So in this post we`ve collected some awesome Javascript WYSIWYG & markdown editors that both can be used in backend or frontend for editing content.

Substance

Substance is a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing systems.

Substance

SimpleMDE

WYSIWYG editors that produce HTML are often complex and buggy. Markdown solves this problem in many ways, plus Markdown can be rendered natively on more platforms than HTML. However, Markdown is not a syntax that an average user will be familiar with, nor is it visually clear while editing. In otherwords, for an unfamiliar user, the syntax they write will make little sense until they click the preview button. SimpleMDE has been designed to bridge this gap for non-technical users who are less familiar with or just learning Markdown syntax.

SimpleMDE

Editor.md

The open source embeddable online markdown editor (component).

Editor.md

MediumEditor

This plugin expands capabilities of MediumEditor (a clone of medium.com WYSIWYG editor) and it enables users to insert into the editor various types of content (depending on available addons).

MediumEditor

Trumbowyg

Trumbowyg is a light, translatable and customisable jQuery plugin. Beautiful design, generates semantic code, comes with a powerful API.

Trumbowyg

WYMeditor

WYMeditor is an open source web-based WYSIWYM editor with semantics and standards in mind. Its focus is on providing a simple experience for users as well as the separation of the content of the document from the presentation of the document.

WYMeditor

Markdown Plus

Versatile markdown editor. Besides CommonMark, GitHub flavored markdown, it also supports toc, footnote, task list, emoji, Font Awesome, Ionicons, mathematical formula, flowchart, sequence diagram, gantt diagram, Vim mode and Emacs mode.

Markdown Plus

Bootstrap plugin for markdown editing

Bootstrap-Markdown designed to be easily integrated with your bootstrap project. It exposes useful API that allow you to fully hook-in into the plugin

Bootstrap-Markdown

to-markdown

An HTML to Markdown converter written in JavaScript.

to-markdown

markdown-it

Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed

markdown-it


Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked