Best jQuery Wysiwyg Editor Plugins & Tutorials with Demo

    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