fresherEditor is a light-weight WYSIWYG rich text editor plugin that uses contentEditable support in modern browsers for in-place HTML editing.

Click on this text to edit right away!

Features

  1. Supports all text editing features such as bold, italic, font size and font name settings, text alignments, links and picture insertion, and more
  2. Builds toolbar automatically. By default, all buttons are built. You can configure which buttons to hide
  3. Triggers 'change' event so you can perform action when html content changes
  4. Uses Twitter Bootstrap

Dependencies

jQuery ContentEditable depends on jQuery and shortcut.js for keyboard shortcuts, as given below.

Some jQuery Calls:

  1. To initialise the toolbar, call $(".fresheditable").fresheditor();
  2. To start/stop editing, call $(".fresheditable").fresheditor("edit", true); for editable elements.
  3. To save, call $(".fresheditable").fresheditor("save", function(id, content) { ... }); to have the callback function called for each editable element being saved.
  4. To perform action on change event $(".fresheditable").on('change', function() { ... });

Keyboard Shortcuts