JSFiddle - React, Tailwind, and code Playground

by Kondal Durgam

HTML

<textarea id="redactor_content" name="content"></textarea>

CSS

.redactor_box {         
    position: relative;
    border: 1px solid #ddd;
}
.redactor_box, .redactor_box textarea {
    background-color: #fff;
}

body .redactor_air {
    position: absolute;
    border: 1px solid #ddd;
    border-bottom: none;
    z-index: 2;
}

.redactor_box textarea {
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 13px;
    overflow: auto;
    resize: none;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    z-index: 1004; 
    outline: none;    
    border: none;
    width: 100%;
    white-space: normal;    
}

.redactor_editor, .redactor_editor:focus {
    position: relative;
    outline: none;
    box-shadow: none !important;
    padding: 15px !important;
    margin: 0 !important;
    background: none;    
    background: #fff !important;
    overflow: auto;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;      
    font-size: 15px !important;
    line-height: 1.45em !important;    
    white-space: normal;
}
.redactor_editor a {
    color: #15c !important;
    text-decoration: underline !important;
}

.redactor_editor object,
.redactor_editor embed,
.redactor_editor video,
.redactor_editor img {
    width: auto;
    max-width: 100%;
}
.redactor_editor video,
.redactor_editor img {
    height: auto;
}

.redactor_editor div,
.redactor_editor p,
.redactor_editor ul,
.redactor_editor ol,
.redactor_editor table,
.redactor_editor dl,
.redactor_editor blockquote,
.redactor_editor pre {
    box-shadow: none !important;
    background: none !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
    line-height: 1.45em !important;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;      
    font-size: 15px !important;
    border: none;    
}
.redactor_editor iframe, 
.redactor_editor object,
.redactor_editor hr {
    margin-bottom: 15px !important;
}
.redactor_editor blockquote {
    margin-left: 3em !important;
    font-style:...

JavaScript

/*
    Redactor v8.0.3
    Updated: September 3, 2012
    
    http://redactorjs.com/
    
    Copyright (c) 2009-2012, Imperavi Inc.
    License: http://redactorjs.com/license/
    
    Usage: $('#content').redactor();
*/
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('y 2c=["(6(){11 49=24;11 14={50:6(8,10){5 10.58(8)\\cZ},57:6(8,10){7(8.58!=12){5 8.58(10)\\cY}46{5 8.57(10)}},55:6(8,18,10,20){7(8===10){5 18\\6G=20}7(14.29(8)\\1I\\d0.29(10)){5 14.50(8,10)}7(14.29(8)\\1I\\1I!14.29(10)){5!14.55(10,20,8,18)}7(!14.57(8,10)){5 14.50(8,10)}7(8.47.85\\6G=18){5 40}7(8.47[18]===10){5 0\\6G=20}5 14.50(8.47[18],10)},29:6(61){5(61!=12?61.93==3:40)},81:6(41){11 62=0;88(41=41.59){62++}5 62}};11 4=49.4=(6(){6 4(2){24.2=2}4.34.31=6(){5 4.31(24.2)};4.34.37=6(){5 4.37(24.2)};4.34.38=6(){5 4.38(24.2)};4.34.45=6(){5 4.45(24.2)};4.34.44=6(){5 4.44(24.2)};4.34.52=6(25,26,23,22){5 4.52(24.2,25,26,23,22)};4.34.51=6(){5 4.51(24.2)};5 4})();7(49.35){4.67=43;4.31=6(2){11 9;5(9=2.35())\\1I\\1I(9.63!=12)\\1I\\1I(9.36!=12)};4.37=6(2){11 9;7(!((9=2.35())\\1I\\1I(9.36!=12))){5 12}5[9.36,9.97]};4.38=6(2){11 9;7(!((9=2.35())\\1I\\1I(9.63!=12))){5 12}5[9.63,9.91]};4.45=6(2){11 8,10,18,20,27,28;7(!4.31(2)){5 12}27=4.37(2),8=27[0],18=27[1];28=4.38(2),10=28[0],20=28[1];7(14.55(8,18,10,20)){5[8,18]}5[10,20]};4.44=6(2){11 8,10,18,20,27,28;7(!4.31(2)){5 12}27=4.37(2),8=27[0],18=27[1];28=4.38(2),10=28[0],20=28[1];7(14.55(8,18,10,20)){5[10,20]}5[8,18]};4.52=6(2,25,26,23,22){11 9=2.35();7(!9){5}7(23==12){23=25}7(22==12){22=26}7(9.60\\1I\\d2.79){9.60(25,26);9.79(23,22)}46{54=2.15.56();54.cX(25,26);54.cW(23,22);71{9.73()}80(41){}9.98(54)}};4.51=6(2){71{11 9=2.35();7(!9){5}9.73()}80(41){}}}46 7(49.15.39){11 69=6(42,32,30){11...