A browser based code editor
Find a file
2020-12-24 13:51:58 +01:00
.vscode Run prettier 2020-09-02 17:35:10 +02:00
browser-amd-diff-editor Update printWidth to 100 2020-09-21 14:31:41 +02:00
browser-amd-editor Update printWidth to 100 2020-09-21 14:31:41 +02:00
browser-amd-iframe Update printWidth to 100 2020-09-21 14:31:41 +02:00
browser-amd-localized Update printWidth to 100 2020-09-21 14:31:41 +02:00
browser-amd-monarch Update printWidth to 100 2020-09-21 14:31:41 +02:00
browser-amd-requirejs Update printWidth to 100 2020-09-21 14:31:41 +02:00
browser-amd-shadow-dom Update printWidth to 100 2020-09-21 14:31:41 +02:00
browser-amd-shared-model Update printWidth to 100 2020-09-21 14:31:41 +02:00
browser-esm-parcel Fix samples (microsoft/monaco-editor#2212) 2020-12-24 13:51:58 +01:00
browser-esm-webpack Fix samples (microsoft/monaco-editor#2212) 2020-12-24 13:51:58 +01:00
browser-esm-webpack-monaco-plugin Remove X-UA-Compatible meta 2020-09-21 13:48:37 +02:00
browser-esm-webpack-small Fix samples (microsoft/monaco-editor#2212) 2020-12-24 13:51:58 +01:00
browser-esm-webpack-typescript Fix samples (microsoft/monaco-editor#2212) 2020-12-24 13:51:58 +01:00
browser-esm-webpack-typescript-react Fix samples (microsoft/monaco-editor#2212) 2020-12-24 13:51:58 +01:00
browser-script-editor Update printWidth to 100 2020-09-21 14:31:41 +02:00
electron-amd Update printWidth to 100 2020-09-21 14:31:41 +02:00
electron-amd-nodeIntegration Update printWidth to 100 2020-09-21 14:31:41 +02:00
nwjs-amd Update printWidth to 100 2020-09-21 14:31:41 +02:00
nwjs-amd-v2 Update printWidth to 100 2020-09-21 14:31:41 +02:00
.gitignore nwjs 2017-02-03 20:20:51 -08:00
.npmignore Initial version 2016-06-16 09:55:30 +02:00
.prettierignore Update printWidth to 100 2020-09-21 14:31:41 +02:00
.prettierrc Update printWidth to 100 2020-09-21 14:31:41 +02:00
LICENSE.md Run prettier 2020-09-02 17:35:10 +02:00
package-lock.json Reuse common node_modules (reduce maintenance) 2020-09-21 13:46:13 +02:00
package.json Update printWidth to 100 2020-09-21 14:31:41 +02:00
README.md Run prettier 2020-09-02 17:35:10 +02: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!

Issues

Please file issues concering monaco-editor-samples in the monaco-editor repository.

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