Skip to content

envylabs/ember-monaco

 
 

Repository files navigation

ember-monaco

Monaco editor for ember.js apps

Build Status Version

Installation

ember install ember-monaco

Usage

controllers/application.ts
import Controller from '@ember/controller';

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

  @action
  editorReady (editor) {
    // editor: Monaco editor instance
  }
}
templates/application.hbs
{{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.

Contributing

Installation

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

Linting

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

Running tests

  • 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

Running the dummy application

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

License

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

Thanks

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

Packages

No packages published

Languages

  • JavaScript 48.7%
  • TypeScript 40.2%
  • HTML 10.2%
  • Handlebars 0.9%