JSFiddle - React, Tailwind, and code Playground

by Plippie Plop

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-wysiwyg/0.3.3/bootstrap3-wysihtml5.all.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-wysiwyg/0.3.3/bootstrap3-wysihtml5.css">

  <div id="wysi"><p>Hello wysihtml5 div</p></div>
 
 <textarea name="wysit" id="wysit">Hello wysihtml5 Textarea</textarea>

CSS

body{
  padding:1em;
  display:flex;
  flex-direction:column;
  
}
#wysi{
  border:1px solid grey;
  margin-bottom:1em;
  
}

JavaScript

$('#wysi').wysihtml5({
   toolbar: {
   "html": true
   }
   });
  $('#wysit').wysihtml5({
   toolbar: {
   "html": true
   }
   });