🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

‘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 contenteditableonselection-event: e.g. to open a toolbaronkeypress-event: e.g. to handle hotkeysonplaceholder-event: show/hide a placeholder.bold(), .forecolor(), .inserthtml(), … functions

Core Java Script Plugins

Documentation

Changes in Version 3:

  • Dropped jQuery dependency
  • CSS3 transitions if possible
  • Dropped support for IE 6-8, Safari 3.1-5
  • Improved suggestions, e.g. '@username'
  • Simplified button API
  • New markup, see example:

http://wysiwygjs.github.io/

Markup

<div class="wysiwyg">   <textarea name="name" placeholder="Write a comment ..."></textarea> </div>  <script> wysiwyg( '.wysiwyg', {   toolbar: 'top',                           // 'top','bottom',null   buttons: [buttons],                       // buttons on toolbar   selectionbuttons: [selectionbuttons],     // buttons on selection-toolbar   suggester: suggester( open_suggestion ),  // handle suggestions   interceptenter: interceptenter(),         // intercept 'enter'   hijackmenu: false                         // toolbar instead context menu }); </script> 

You May Also Like