gbRichEdit

gbRichEdit | HTML 5 Rich Text Editor | Lite

gbRichEdit is a rich text editor plugin for jQuery, easy to attach to (X)HTML textarea elements. It creates the most basic editing options such as bold text, italic text, ordered and unordered list, link and image insertion. The plugin also features an (X)HTML button for easy switching to source view.

Get it now from Code Canyon!

gbRichEdit is HTML5 compliant and uses the latest version of jQuery available from googleapis.com library.

gbRichEdit-5

Features

  • HTML5 compliant
  • Design mode and source mode ((X)HTML)
  • Supports multiple textareas on the same page
  • Light and fast

How to use

Add the following code to the head of your document:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<!-- BEGIN gbRichEdit -->
<link type="text/css" rel="stylesheet" href="gre/gre.css" />
<script type="text/javascript" src="gre/jquery.gre.js"></script>
<script type="text/javascript">$(document).ready(function(){ $('.gre').gre(); });</script>
<!-- END gbRichEdit -->

Add your textarea element and attach the gre class:

<textarea name="mytextarea" class="gre"></textarea>

Available (default) options

$(document).ready(function(){
$('.gre').gre({
media_url: 'gre/images/',
content_css_url: 'gre/gre.css',
max_height: 250
});
});

New in version 5

  • jQuery code optimization
  • jQuery code fixes
  • New toolbar icons

Where to use gbRichEdit?

  • Use gbRichEdit for a personal CMS
  • Use gbRichEdit for your own administration panel
  • Use gbRichEdit for your own comment section
  • Replace other bloated editors