Bootstrap WYSIWYG Editor

by Naresh Dharman

HTML

<link rel="stylesheet" href="http://jhollingworth.github.io/bootstrap-wysihtml5/lib/css/bootstrap.min.css">
<link rel="stylesheet" href="http://jhollingworth.github.io/bootstrap-wysihtml5/src/bootstrap-wysihtml5.css">
<script src="http://jhollingworth.github.io/bootstrap-wysihtml5/lib/js/wysihtml5-0.3.0.js"></script>
<script src="http://jhollingworth.github.io/bootstrap-wysihtml5/lib/js/bootstrap.min.js"></script>
<script src="http://jhollingworth.github.io/bootstrap-wysihtml5/src/bootstrap-wysihtml5.js"></script>

<textarea class="textarea" placeholder="Enter text ..." style="width: 810px; height: 200px"></textarea>

JavaScript

$('.textarea').wysihtml5();

$('p').click(function(){
    alert($('.textarea').val());
});