getButterfly Logo getButterfly code wrangling since 2005


gbRichEdit5 | HTML 5 Rich Text Editor | Lite



gbRichEdit5 is a rich text editor plugin for jQuery, easy to attach to 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 HTML button for easy switching to source view.

Get it now from Code Canyon!

gbRichEdit5 is HTML5 compliant and uses the latest version of jQuery available from library.

gbRichEdit5 - jQuery Rich Text Editor
Click for larger image


  • HTML5 compliant
  • Design mode and source mode (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 src=""></script>
<!-- BEGIN gbRichEdit5 -->
<link type="text/css" rel="stylesheet" href="gre/gre.css">
<script src="gre/jquery.gre.min.js"></script>
<script>$(document).ready(function(){ $('.gre').gre(); });</script>
<!-- END gbRichEdit5 -->

Add your textarea element and attach the .gre class:

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

Available (default) options

        content_css_url: 'gre/gre.css',
        height: 250

Where to use gbRichEdit5?

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

Subscribe to getButterfly Blog

Once a week or so we send an email with our best content. We never bug you, we just send you our latest piece of content.

Love programming?

Learn about the most amazing things. Get smarter everyday!