WYSIWYG Editor - INPLACE EDITOR - froala editor
HTML
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/froala-editor/1.2.2/css/froala_editor.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/froala-editor/1.2.2/js/froala_editor.min.js"></script>
<div class="edit">
<h1>hello</h1>
<p>do you want to edit me?</p>
</div>
JavaScript
$('.edit').editable();