JSFiddle - React, Tailwind, and code Playground

by AndreaLigios

HTML

<script src="http://tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<form method="POST" action=" http://posttestserver.com/post.php?dir=tinyMCE" >
<textarea name="content" style="width:100%">

    <style>
        * {
            background: red;
        }
    </style>
    <script type="text/javascript">
        alert('It works!');
    </script>
    This textarea contains styles and scripts

    </textarea>
    <input type="submit" />
</form>

JavaScript

tinymce.init({
    selector: "textarea",
    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",
    valid_children: "+body[style]",
    init_instance_callback: function(editor) {
console.log(editor);
        alert(editor.startContent);
        alert(document.getElementById("tinymce"));
        editor.contentDocument.body.innerHTML = editor.contentDocument.body.innerHTML.replace("<![CDATA[", "").replace("]]>", "");
    }
});