A browser based code editor
Find a file
2019-09-04 21:54:15 -07:00
.vscode Initial version 2016-06-16 09:55:30 +02:00
browser-amd-diff-editor Reorganize, add webpack sample 2018-03-14 16:37:11 +01:00
browser-amd-editor added title 2018-10-27 22:15:20 +05:30
browser-amd-iframe Reorganize, add webpack sample 2018-03-14 16:37:11 +01:00
browser-amd-localized Reorganize, add webpack sample 2018-03-14 16:37:11 +01:00
browser-amd-monarch Reorganize, add webpack sample 2018-03-14 16:37:11 +01:00
browser-amd-requirejs Add requirejs sample 2018-04-10 17:55:53 +02:00
browser-amd-shared-model Reorganize, add webpack sample 2018-03-14 16:37:11 +01:00
browser-esm-parcel Update dependencies 2019-07-12 22:20:57 +02:00
browser-esm-webpack Update deps 2018-10-17 09:59:29 +02:00
browser-esm-webpack-monaco-plugin Simplify sample, update npm deps to remove npm security errors 2019-08-14 16:05:10 +02:00
browser-esm-webpack-small Update deps 2018-10-17 09:59:29 +02:00
browser-esm-webpack-typescript Add package-lock 2019-08-14 12:57:30 +02:00
browser-script-editor Reorganize, add webpack sample 2018-03-14 16:37:11 +01:00
browser-undo-redo-controls Add undo redo example 2018-04-26 15:34:45 +02:00
electron-amd The sample should be javascript 2018-09-14 17:06:05 +02:00
nwjs-amd Reorganize, add webpack sample 2018-03-14 16:37:11 +01:00
nwjs-amd-v2 Reorganize, add webpack sample 2018-03-14 16:37:11 +01:00
.gitignore nwjs 2017-02-03 20:20:51 -08:00
.npmignore Initial version 2016-06-16 09:55:30 +02:00
LICENSE.md Rename license file 2016-06-16 09:56:12 +02:00
package-lock.json Update dependencies 2019-07-12 22:20:57 +02:00
package.json Update dependencies 2019-07-12 22:20:57 +02:00
README.md Add syntax highlighting to readme 2019-09-04 21:54:15 -07:00

Monaco Editor Samples

Standalone HTML samples showing how to integrate the Monaco Editor.

Running

git clone https://github.com/Microsoft/monaco-editor-samples.git
cd monaco-editor-samples
npm install .
npm run simpleserver

Go to localhost:8888 and explore the samples!

Loading variations

  • browser-amd-editor: running in a browser using AMD lazy loading.
  • browser-script-editor: running in a browser using AMD synchronous loading via <script> tags.
  • browser-esm-webpack: running in a browser using webpack.
  • browser-esm-webpack-small: running in a browser using webpack (only a subset of the editor).
  • electron-amd: running in electron.
  • nwjs-amd and nwjs-amd-v2: running in nwjs. it is reported that v2 works and the initial version does not.

Other examples & techniques

  • browser-amd-diff-editor: running the diff editor in a browser.
  • browser-amd-iframe: running in an <iframe>.
  • browser-amd-localized: running with the German locale.
  • browser-amd-monarch: running with a custom language grammar written with Monarch.
  • browser-amd-shared-model: using the same text model in two editors.

License

MIT