Bootstrap wysihtml5 Editor

Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap.
2015-04-03_131645

Files To reference

<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"></link>
<link rel="stylesheet" type="text/css" href="/css/bootstrap-wysihtml5.css"></link>
<link rel="stylesheet" type="text/css" href="/css/wysiwyg-color.css"></link>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wysihtml5-0.3.0.js"></script>
<script src="js/bootstrap-wysihtml5.js"></script>

Usage

<textarea id="some-textarea" placeholder="Enter text ..."></textarea>

Script

$('#some-textarea').wysihtml5();

Note: You Need to change “..\lib\css\wysiwyg-color.css” this path in “bootstrap-wysihtml5.js” Otherwise it Shows Error Message.

Leave a Reply