JSFiddle - React, Tailwind, and code Playground

by Antony Joyson

HTML

<script src="https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=cnnvil4gjroe094dx2qbd2su3ejjjby4t5i2tkszjrdgbv2l"></script>
mceeditor for textarea
<textarea>
</textarea>
<!-- <script src="https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=cnnvil4gjroe094dx2qbd2su3ejjjby4t5i2tkszjrdgbv2l"></script> -->

JavaScript

tinymce.init({
  selector: 'textarea:not(.mceNoEditor)',
  height: 100,
  visual: false,
		plugins : "table",
        theme_advanced_buttons3_add : "tablecontrols",
        table_styles : "Header 1=header1;Header 2=header2;Header 3=header3",
        table_cell_styles : "Header 1=header1;Header 2=header2;Header 3=header3;Table Cell=tableCel1",
        table_row_styles : "Header 1=header1;Header 2=header2;Header 3=header3;Table Row=tableRow1",
        table_cell_limit : 100,
        table_row_limit : 5,
        table_col_limit : 5,
  plugins: [
    'advlist autolink lists link image charmap print preview anchor',
    'searchreplace visualblocks code fullscreen',
    'insertdatetime media table contextmenu paste code'
  ],
  toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
  content_css: [
    '//www.tinymce.com/css/codepen.min.css'
  ]

});