JSFiddle - React, Tailwind, and code Playground

by nicholasstephan

HTML

<script src="https://raw.github.com/xing/wysihtml5/master/dist/wysihtml5-0.3.0.min.js"></script>
<script src="https://raw.github.com/xing/wysihtml5/master/parser_rules/advanced.js"></script>
<div id="wysihtml5-toolbar" style="display: none;">
  <a data-wysihtml5-command="bold">bold</a>
  <a data-wysihtml5-command="italic">italic</a>
</div>
<textarea id="wysihtml5-textarea">
    <p><em>Chuck Norris</em> once pissed in the gas tank of an 18 wheeler truck. That truck is now known as <strong>Optimus Prime</strong></p>
</textarea>

<button>test</button>

CSS

textarea {
    width:300px;
    height:200px;
    padding:10px;
    font-size:12px;
    line-height:16px;
}

JavaScript

var textarea = $('textarea')[0];
var toolbar = $("#wysihtml5-toolbar")[0];

var editor = new wysihtml5.Editor("wysihtml5-textarea", {
  toolbar:"wysihtml5-toolbar",
  parserRules: wysihtml5ParserRules
});

$("button").click(function() {
   alert($(textarea)[0].value);
});