JSFiddle - React, Tailwind, and code Playground

HTML

<div id="p2" class="preview"></div>
<div id="p1" class="preview"></div>
<textarea rows="8" id="my-editor" cols="80"></textarea>
<h1>CKEditor WYSIWYG</h1>
<script type="text/javascript" src="http://ckeditor.com/apps/ckeditor/3.6.2/ckeditor.js"></script>

CSS

.preview {
    height: 110px;
    border: 1px dotted black;
    padding: 10px;
}

JavaScript

window.x  = CKEDITOR.editor.replace('my-editor', {
    readOnly: 'true',
    removePlugins : 'bidi,button,dialogadvtab,div,filebrowser,flash,format,forms,horizontalrule,iframe,indent,justify,liststyle,pagebreak,showborders,stylescombo,table,tabletools,templates',
        toolbar :
            [
                ['Source', 'Undo','Redo'],
                ['Bold', 'Italic','Underline'],
                ['FontSize'],
                ['TextColor']
            ],
});
    
window.y = false;

self.setInterval(function(){
    window.x.setReadOnly(window.y);
    window.y = !window.y;
},5000);