jQuery Wysiwyg Editor Plugin & Tutorials with Example

Squire : HTML5 rich Text Editor

Squire : HTML5 rich Text Editor

Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support truly ancient browsers. It should work fine back to around Opera 12, Firefox 3.5, Safari 5, Chrome 9 and IE9.

Dante : Medium wysiwyg editor clone

Dante : Medium wysiwyg editor clone

So far I have tried all the Medium.com wysiwyg clones out there, these are really great, and each have their pros and cons. But none of them has all the features that the real medium editor provides. so I wonder, How complicated could be write my own Medium wysiwyg clone?

  • HTML sanitizer for pasted or loaded text.
  • Image upload for paste events.
  • Image upload for legacy images on existent texts.
  • The medium (+) Tooltip to embed or upload media.
  • Tab navigation.

KCFinder : Web file manager with PHP & HTML5

KCFinder : Web file manager with PHP & HTML5

KCFinder is free open-source replacement of CKFinder web file manager. It can be integrated into FCKeditor, CKEditor, and TinyMCE WYSIWYG web editors (or your custom web applications) to upload and manage images, flash movies, and other files that can be embedded into an editor’s generated HTML content.

Features:

  • Ajax engine with JSON responses
  • Multiple files upload
  • Upload files using HTML5 drag and drop from local file manager
  • Drag and drop images from external HTML pages. Multiple images can be dropped using selection (Firefox only)
  • Download multiple files or a folder as single ZIP file
  • Select multiple files with the Ctrl/Command key
  • Clipboard for copying, moving and downloading multiple files
  • Easy to integrate and configure in web applications

tinyMce jQuery Bootstrap Plugin

tinyMce jQuery Bootstrap Plugin

Access to visual editors to create/edit the following Bootstrap elements like Buttons (+ icons),Icons,Tables,Templates (create only),Breadcrumbs,Paginations,Pagers,Labels,Badges,Alerts,Panels.Use your own Bootstrap css, wich will be directly rendered either in tinyMce editor and plugin visual editors.

  • 11 plugins in 1
  • Visual Editors
  • Easy to install, no skill needed
  • Awesome customer support

Wysiwyg.js : jQuery Wysiwyg Editor

Wysiwyg.js : jQuery Wysiwyg Editor

‘wysiwyg.js’ is a (minified) 12k contenteditable-editor with no dependencies. There is also a (minified) 10k jQuery-plugin ‘$.wysiwyg()’ to create a full-featured editor.It does only:

  • Transforms any HTML-element into contenteditable
  • onselection-event: e.g. to open a toolbar
  • onkeypress-event: e.g. to handle hotkeys
  • onplaceholder-event: show/hide a placeholder
  • .bold(), .forecolor(), .inserthtml(), … functions

Minimalist Online Markdown Editor

Minimalist Online Markdown Editor

This is the source for the simplest and slickest online Markdown editor.Just write Markdown and see what it looks like as you type. And convert it to HTML in one click.

Morrigan jQuery Editor

Morrigan jQuery Editor

Morrigan Editor is jQuery WYSIWYG editor with predictable behavior, persistence and consistency.

jQuery insert plugin for MediumEditor

jQuery insert plugin for MediumEditor

jQuery insert plugin for MediumEditor which is a clone of medium.com WYSIWYG editor.

The plugin is next, completely rewritten version of previous “images plugin”. Now inserting images is only one of the plugin’s addons.

jQuery Spellchecker Plugin

jQuery Spellchecker Plugin

The jQuery Spellchecker is a free Javascript spellchecker in the form of a lightweight jQuery plugin that can be used to check the spelling of text within a form field or within a DOM tree.

Features:

  • Unicode support (works with most languages)
  • HTML parsing (for using the spellchecker within WSYIWYG editors)
  • Text parsing (for using the spellchecker on form fields)
  • Multiple fields
  • Multiple PHP back-end drivers (Enchant, PSpell, Google)
  • Friendly API
  • Event based

Froala : jQuery WYSIWYG Editor

Froala : jQuery WYSIWYG Editor

A beautiful jQuery WYSIWYG editor built on the latest technologies and according to the latest industry trends.Simple and yet the most complete WYSIWYG editor with lots of customization options. Style it your way for the best editing experience!

Features:

  • Cross-browser
  • Retina Ready
  • Image Support
  • Autosave
  • High Performance


Best jQuery websites design awards