JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://www.matrixlead.com/monaco-editor/min/vs/loader.js"></script>
<div class="rb">
  1
  <br/>2
  <br/>3
  <br/>4
  <br/>
  <div id="container"></div>
</div>

CSS

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.rb {
  display: flex;
  flex-direction: column;
  height: 100vh;
  margin: 0;
}

.rb #container {
  flex-grow: 1;
}

JavaScript

require.config({
  paths: {
    'vs': 'https://www.matrixlead.com/monaco-editor/min/vs'
  }
})

require(["vs/editor/editor.main"], function() {
  var editor = monaco.editor.create(document.getElementById('container'), {
    value: [
      'function x() {',
      '\tconsole.log("Hello world!");',
      '}'
    ].join('\n'),
    language: 'javascript',
    fixedOverflowWidgets: true
  });
});