JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<div>
	<div>	
		<header>
			<div class="row">
				<div class="col-sm-8">
					<h1>Options Page</h1>
				</div>
			</div>
		</header>
		
		<div class="col-md-7">
			<p>Write content for your page.</p>
			
			<div class="form-group">
				<label>Internal Page</label>
				<div>
					<input type="text" >
				</div>
			</div>

			<div class="form-group">
				<label>Headline</label>
				<div>
					<input type="text" value="">
				</div>
			</div>						
		
			<div class="form-group">
				<label>Intro</label>
				<div>
					<textarea class="wysiwyg" rows="8" cols="50"></textarea>
				</div>
			</div>
		
			<div class="form-group">
				<label>Something Else</label>
				<div>
					<textarea cols="50">Put something here</textarea>
				</div>
			</div>		
		
			<div class="form-group">
				<label >Another Message</label>
				<div>
					<textarea class="wysiwyg" rows="6" cols="50">Other Stuff</textarea>
				</div>
			</div>
		</div>
	</div>
</div>

CSS

html,
body {
width: 100%;
height: 100%;
overflow-x: hidden;
}

JavaScript

$(document).ready(function(){
			tinymce.init({
			    selector: ".wysiwyg",
			    theme: "modern",
			    add_unload_trigger: false,
			    schema: "html5",
			    inline: false,
			    plugins: "code link textcolor",
			    target_list: [
			    	{title: 'New Window', value: '_blank'}
			    ],
			    entity_encoding: "raw",
			    toolbar: "styleselect | fontselect | fontsizeselect | link code | bold italic | alignleft aligncenter alignright | forecolor | bullist numlist",
			    fontsize_formats: "12pt 13pt 14pt 15pt 16pt 17pt 18pt 19pt 20pt",
			    font_formats : 	"Andale Mono=andale mono,times;"+
						                "Arial=arial,helvetica,sans-serif;"+
						                "Arial Black=arial black,avant garde;"+
						                "Book Antiqua=book antiqua,palatino;"+
						                "Courier New=courier new,courier;"+
						                "FF Good Headline Pro=ff-good-headline-web-pro-con,sans-serif"+
						                "Georgia=georgia,palatino;"+
						                "Helvetica=helvetica;"+
						                "Impact=impact,chicago;"+
						                "Proxima Nova=proxima-nova,sans-serif"+
						                "Tahoma=tahoma,arial,helvetica,sans-serif;"+
						                "Terminal=terminal,monaco;"+
						                "Trebuchet MS=trebuchet ms,geneva;"+
						                "Verdana=verdana,geneva;",
			    menubar: false,
			    statusbar: false,
			    height:250
			});
});