wy

<style type="text/css">
	.editor {
	    border: 1px solid blue;
	    padding: 10px;
	}
</style>

<div contenteditable="true" class="editor"><h2>Editor Contents here</h2></div>

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="http://fusiongrokker.com/demo/wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<link href="http://fusiongrokker.com/demo/wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

	$(function(){
	    $(".editor").wysihtml5({
	        toolbar: {
	            "font-styles": true
	            ,"emphasis": true
	            ,"lists": true
	            ,"html": true
	            ,"link": true
	            ,"image": true
	            ,"color": false
	            ,"blockquote": false
	            ,"outdent": false
	            ,"indent": false
	            ,"size": 'sm'
	            ,"fa": true
	        }
	    });
	});

</script>