JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojo/resources/dojo.css">
<script src="http://ckeditor.com/apps/ckeditor/4.1/ckeditor.js"></script>
<body class=" claro " id="layout">
    <div id="dialogNode" />
</body>

JavaScript

require(["dojo/ready", "dojo/dom", "dojo/dom-construct", "dijit/Dialog", "dijit/form/TextBox", "dijit/layout/ContentPane"], function(ready, dom, domConstruct, Dialog, TextBox, ContentPane){
  ready(function(){
      var pDialog = new Dialog({
          title: "Dialog Test",
          content: new ContentPane({
              id: "myDialogContent"
          })
      });
      
      var pTextBox = new TextBox({value: "hi"});
      dom.byId("myDialogContent").appendChild(pTextBox.domNode);
      
      var pAttrs =
      {
          cols:  '1',
          id:    '1234_ckeditor',
          rows:  '1'
      };
      pAttrs['class'] = 'ckeditor';
      
      var pNode = domConstruct.create("textarea", pAttrs, dom.byId("myDialogContent"));
      pNode.innerHTML = 'Hello World!';
      CKEDITOR.config.scayt_autoStartup = false;
      CKEDITOR.config.resize_enabled = false;
      CKEDITOR.config.removePlugins = 'elementspath';
      console.log(pNode.id);
      CKEDITOR.replace(pNode.id, {});
      
      pDialog.show();
  });
});