# j-MonacoEditor

> The component renders [Monaco editor](https://microsoft.github.io/monaco-editor/).

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: en
Content-SHA256: e0daa649a04c212871a6f09a6375ceba83e3fe5c6010430e4030a28ff2f941a1
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

The component renders [Monaco editor](https://microsoft.github.io/monaco-editor/).


__Configuration__:

- `theme {String}` a default theme (default: `vs-light`)
- `language {String}` language / mode (default: `javascript`)
- `height {Number}` a default/minimal height (default: `200`)
- `parent {String}` optional, a container with fixed height, can be `window` (default value: `auto`)
- `margin {Number}` optional, a top/bottom margin together (default: `0`)

Use it with `<ui-component name="monacoeditor">`. When the component is not loaded yet, jComponent downloads it on first use from the address in `DEF.fallback` (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

```html example.html
<ui-component name="monacoeditor" path="common.code" config="parent:window"></ui-component>

<script>

	var common = { code: 'var platform = "Total.js";'};

</script>
```