HTML 5 drag-drop image into wysiwyg editor

HTML 5 drag-drop into wysiwyg editor

by suraj mahajan

HTML

<link rel="stylesheet" href="https://jhollingworth.github.io/bootstrap-wysihtml5/lib/css/bootstrap.min.css">
<link rel="stylesheet" href="https://jhollingworth.github.io/bootstrap-wysihtml5/src/bootstrap-wysihtml5.css">
<script src="https://jhollingworth.github.io/bootstrap-wysihtml5/lib/js/wysihtml5-0.3.0.js"></script>
<script src="https://jhollingworth.github.io/bootstrap-wysihtml5/lib/js/jquery-1.7.2.min.js"></script>
<script src="https://jhollingworth.github.io/bootstrap-wysihtml5/lib/js/bootstrap.min.js"></script>
<script src="https://jhollingworth.github.io/bootstrap-wysihtml5/src/bootstrap-wysihtml5.js"></script>
<script src="https://html5demos.com/js/h5utils.js"></script>


<textarea class="textarea" placeholder="Drag and Drop image , Or paste image here" style="width: 810px; height: 200px"></textarea>

JavaScript

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