JSFiddle - React, Tailwind, and code Playground

by waspinator

HTML

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.35.1/css/bootstrap-dialog.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.35.1/js/bootstrap-dialog.min.js"></script>
<script src="https://cdn.ckeditor.com/4.5.8/full/ckeditor.js"></script>

JavaScript

BootstrapDialog.show({
  message: '<textarea name="editor1" id="editor1" rows="5" cols="80">This is my textarea to be replaced with CKEditor.</textarea>',
  buttons: [{
    label: 'Close',
    action: function(dialogRef) {
      dialogRef.close();
    }
  }],
  onshown: function(){
  	CKEDITOR.replace( 'editor1' );
  }
});