Best jQuery Wysiwyg Editor Plugins & Tutorials with Demo

Editor.js : Block-styled Editor with clean JSON Output

Editor.js : Block-styled Editor with clean JSON Output

Editor.js is a block-styled editor with clean JSON output.Blocks are structural units, of which the Entry is composed. For example, Paragraph, Heading, Image, Video, List are Blocks. Each Block is represented by Plugin. We have many ready-to-use Plugins and a simple API for creating new ones.

Lite Editor : JavaScript WYSIWYG Editor

Lite Editor : JavaScript WYSIWYG Editor

Lite Editor is a Modern WYSIWYG Editor especially for inline elements.

Features:

  • focuses on inline elements such as b, a, i, strong
  • Prevent unnecessary tags insertion
  • Control how to make newlines
  • You can register custom button easily

Slate : Customizable Framework for Rich Text Editors

Slate : Customizable Framework for Rich Text Editors

Slate is a customizable framework that lets you build rich, intuitive editors like in Medium, Dropbox Paper or Google Docs which are becoming table stakes for applications on the web—without your codebase getting mired in complexity.

Pell : Simplest and Smallest WYSIWYG Text Editor

Pell : Simplest and Smallest WYSIWYG Text Editor

Pell is the simplest and smallest WYSIWYG text editor for web, with no dependencies.

  • Pure JavaScript, no dependencies, written in ES6
  • Easily customizable with the sass file (pell.scss) or overwrite the CSS

TOAST UI Editor : GFM Markdown Wysiwyg Editor

TOAST UI Editor : GFM Markdown Wysiwyg Editor

TOAST UI Editor provides Markdown mode and WYSIWYG mode.
Someone may like the productivity of Markdown, but the other can be looking for a way to make it easier to edit. The TOAST UI Editor can be the coordinator of both. It offers Markdown mode and WYSIWYG mode, those can be switched at any time during writing content. Work together conveniently in one document.

BrickyEditor : WYSIWYG Block Editor jQuery plugin

BrickyEditor : WYSIWYG Block Editor jQuery plugin

BrickyEditor is the simple WYSIWYG editor, based on block templates system.

Usually, editors without any frontend background makes a lot of mistakes in html code. On the other side – there is a lot of WYSIWYG editors, that brings them too much freedom, which leads to different appearence of publications.

RichText : WYSIWYG editor developed as jQuery Plugin

RichText : WYSIWYG editor developed as jQuery Plugin

RichText is a WYSIWYG editor developed as jQuery Plugin.

Quill : Powerful Rich Text Editor

Quill : Powerful Rich Text Editor

Quill is a free, open source WYSIWYG editor built for the modern web. With its modular architecture and expressive API you can completely customize it to fulfill your needs.

Vue Html editor : jQuery Plugin

Vue Html editor : jQuery Plugin

A Vue.js component implementing the HTML editor with the jQuery summernote plugin.

Jodit Editor : WYSIWYG and FileBrowser

Jodit Editor : WYSIWYG and FileBrowser

Editor and FileBrowser – Jodit. Pure javascript. No libraries! Lightweight:~32kB gzipped.