Monaco editor for ember.js apps

ember install ember-monaco

import Controller from '@ember/controller';

export default class Application extends Controller {
  sample1 = "let x: string = 'foo'";

  @action
  editorReady (editor) {
    // editor: Monaco editor instance
  }
}

{{code-editor
  language="typescript"
  code=sample1
  onChange=(action (mut sample1))
  theme="light"
  onReady=(action editorReady)
}}

Additional options:

To create a read-only editor, pass readOnly=true to the code-editor component. readOnly defaults to false.

• git clone <repository-url>
• cd ember-monaco
• yarn install

• yarn lint:hbs
• yarn lint:js
• yarn lint:js --fix

• ember test – Runs the test suite on the current Ember version
• ember test --server – Runs the test suite in "watch mode"
• ember try:each – Runs the test suite against multiple Ember versions

• ember serve
• Visit the dummy application at http://localhost:4200.

For more information on using ember-cli, visit https://ember-cli.com/.

This project is licensed under the BSD-2-Clause.

Thanks to @MiguelMadero for writing ember-monaco-editor, which served as a starting point for this work