getButterfly Logo getButterfly

gbRichEdit5

gbRichEdit5 | HTML 5 Rich Text Editor | Lite

gbrichedit-1

gbrichedit-2

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 googleapis.com library.

gbRichEdit5 - jQuery Rich Text Editor
Click for larger image

Features

  • 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="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></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

jQuery(document).ready(function(){
    jQuery('.gre').gre({
        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