WYSIWYG HTML Editor Ver. 2.0

WYSIWYG (What You See Is What You Get) HTML Editor is a simple and easy to use Javascript execCommand() based editor. This is complete solution for getting HTML input from users using a form, when you do your website contact form or any web based HTML Page something similar to blog post, blog comment, article comments, feedback from etc. And this is not a template for editor, but this is a real and working WYSIWYG HTML Editor script where you can really input html input, WYSIWYG Editor or Code Editor and post data to your server side script. Technically this is for execCommand WYSIWYG Editor.

WYSIWYG HTML Editor - Bootstrap based Rich Text Editor - 1

PRO Version

If you wish to have more features with server side PHP support like image uploading, there is a PRO version of the script here.

WYSIWYG HTML Editor PRO – PHP based Editor with Image Uploader and more

Features

3 Versions of Editors (Full, Simple and Minimal)
5 minutes to setup, and even a dummy can apply this to a html page
Bootstrap Ready
Tooltip for Buttons
Very User Friendly Interface
Easy to Apply a skin color using createditor() function itself
Converts any text area within a form using simple javascription function at the head of the HTML Page
Fontowesome based nice buttons for editor
Live Demo Available
Documentation is available
Line by Line Comments are available for understanding the code

How to Apply ?

Head


<script type="text/javascript">
$(window).on('load', function(){ 
createeditor('form1','mytextarea','Full','#F2F2F2'); 
});
</script>

Body


<form id="form1" name="form1" method="post" action="">
  <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
</form>

Preview

WYSIWYG HTML Editor - Bootstrap based Rich Text Editor - 2