JSFiddle - React, Tailwind, and code Playground

by Solomon Mokua

HTML

<script src="https://tinymce.cachefly.net/4.2/tinymce.min.js"></script>

<div class="container">
    <textarea placeholder="Enter your story here..." class="text-area"></textarea>
 </div>

CSS

.container{
	width: 50%;
	margin: 0 auto;
}
.text-area{
	height: 400px;
}

JavaScript

tinymce.init({
    selector: ".text-area",
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});