Skip to content

envylabs/ember-monaco

This branch is 82 commits behind mike-north/ember-monaco:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

3ccbfe5 · Jan 4, 2021
Dec 29, 2018
Nov 1, 2019
Dec 30, 2018
Dec 30, 2018
Nov 1, 2019
Nov 1, 2019
Dec 29, 2018
Dec 29, 2018
Dec 29, 2018
Dec 29, 2018
Dec 29, 2018
Dec 29, 2018
Dec 29, 2018
Dec 29, 2018
Dec 29, 2018
Dec 30, 2018
Dec 29, 2018
Nov 15, 2019
Dec 29, 2018
Nov 1, 2019
Dec 29, 2018
Jan 23, 2019
Dec 28, 2020
Dec 30, 2018
Nov 1, 2019
Dec 30, 2018
Jan 4, 2021

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

About

Monaco editor for Ember.js apps

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

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