gbRichEdit5 | HTML5 Rich Text Editor

Version 5.9.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.

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

Example

Features

• HTML5 compliant
• Design mode and source mode (HTML)
• Supports multiple textareas on the same page by using separate IDs
• Light and fast
• Transparent

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 rel="stylesheet" href="gre/gre.css">
<script src="gre/jquery.gre.js"></script>
<script>$(document).ready(function(){ $('.gre').gre(); });</script>
<!-- END gbRichEdit5 -->
				

Replace $ with jQuery for use with WordPress, inside the $(document).ready() function, like this:

<script>jQuery(document).ready(function(){ jQuery('.gre').gre(); });</script>

Add your textarea element and attach the gre class:

<textarea id="udescription" name="udescription" class="gre"></textarea>

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

jQuery(document).ready(function(){
	jQuery('.gre').gre({
		content_css_url: 'gre/gre.css',
		height: 250
	});
});
				

How to add a block of HTML code

Use the HTML button to insert any HTML code. The popup box will accept all tags, and you can even code embed codes for any other video network.

Available formatting options

• bold, italic, underlined text, ordered, unordered list, justification (left, center, right, full)
• strikethrough, superscript, subscript, horizontal rule
• link (insert link URL), image (insert image URL)
• HTML mode/visual mode

Where to use gbRichEdit5?

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