JSFiddle - React, Tailwind, and code Playground

by Vue Echarts

HTML

<link rel="stylesheet" data-name="vs/editor/editor.main" href="https://unpkg.com/monaco-editor/min/vs/editor/editor.main.css">
<div id="container" style="width:800px;height:600px;border:1px solid grey"></div>
<script>var require = { paths: { 'vs': 'https://unpkg.com/monaco-editor/min/vs' } };</script>
<script src="https://unpkg.com/monaco-editor/min/vs/loader.js"></script>
<script src="https://unpkg.com/monaco-editor/min/vs/editor/editor.main.nls.js"></script>
<script src="https://unpkg.com/monaco-editor/min/vs/editor/editor.main.js"></script>

JavaScript

monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
	tabSize: 2
});
var editor = monaco.editor.create(
	document.getElementById('container'),
	{
		value: '',
		theme: "vs-dark",
		lineNumbers: "off",
		tabSize: 2,
		fontSize: 16,
		insertSpaces: false,
		/* useTabStops: true,
		insertSpaces: false,
		autoIndent: true,
		useTabStops: true, */
		language: 'javascript'
	}
);