JSFiddle - React, Tailwind, and code Playground

by denov

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dijit/themes/claro/claro.css">
<body class="claro">
    <div id="out1">
    <div id="out2">
       <div id="programmatic2">This div will become an auto-expanding editor.</div>
       <button id="create2" onclick="createEditor();">create expanding editor</button>


  </div>
  </div>
</body>

CSS

#out1 {
min-height: 150px;
height:auto;
    border: 2px red solid;
}

#out2{
    height:'';
    border: 2px blue solid;
}

JavaScript

require(["dojo/ready", 
         "dijit/Editor", 
         "dijit/_editor/plugins/AlwaysShowToolbar", 
         "dojo/dom", 
         "dojo/query"], 
function(ready, Editor, AlwaysShowToolbar, dom, query){
    
    ready(function(){
    this.createEditor = function(){

        new Editor({
            height: '',
            extraPlugins: [AlwaysShowToolbar]
        }, dom.byId('programmatic2'));
        query('#create2').orphan();
    }
    
            })            

});