WYSIHTML5 - Simple and Beautiful Web Editor

File Size: 256 KB
Views Total: 37547
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
WYSIHTML5 - Simple and Beautiful Web Editor

WYSIHTML5 is a beautiful jQuery Plugin that makes it easy to create compact, simple and Twitter-Bootstrap-Style wysiwyg editors.

How to Use:

1. Include jQuery,bootstrap,and WYSIHTML5 scripts

<script src="lib/js/wysihtml5-0.3.0.js"></script>
<script src="lib/js/jquery-1.7.2.min.js"></script>
<script src="lib/js/prettify.js"></script>
<script src="lib/js/bootstrap.min.js"></script>
<script src="src/bootstrap-wysihtml5.js"></script>

2. Call the function

<script>
$('.textarea').wysihtml5();
</script>

3. Do not forget to include the CSS

<link rel="stylesheet" type="text/css" href="lib/css/bootstrap.min.css"></link>
<link rel="stylesheet" type="text/css" href="lib/css/prettify.css"></link>
<link rel="stylesheet" type="text/css" href="src/bootstrap-wysihtml5.css"></link>

This awesome jQuery plugin is developed by jhollingworth. For more Advanced Usages, please check the demo page or visit the official website.