JSFiddle - React, Tailwind, and code Playground
HTML
<textarea id="content" rows="3"></textarea>
<button id="preview">Preview</button>
<p id="preview-content">Type some text in the textarea and click preview</p>
<button>Save</button>
.
<script src="//code.jquery.com/jquery-1.12.3.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
CSS
p {
display: block;
color: red;
}
JavaScript
$('#preview').click(function () {
$("#preview-content").html($('#content').val());
});