No Description

Alexandru Dima e5f64ddfef Adding an example with the monaco webpack plugin (#42) 6 years ago
.vscode 6dcc1c017d Initial version 9 years ago
browser-amd-diff-editor f22dfb79ba Reorganize, add webpack sample 7 years ago
browser-amd-editor 86be4222b6 added title 6 years ago
browser-amd-iframe f22dfb79ba Reorganize, add webpack sample 7 years ago
browser-amd-localized f22dfb79ba Reorganize, add webpack sample 7 years ago
browser-amd-monarch f22dfb79ba Reorganize, add webpack sample 7 years ago
browser-amd-requirejs b321f94acd Add requirejs sample 7 years ago
browser-amd-shared-model f22dfb79ba Reorganize, add webpack sample 7 years ago
browser-esm-parcel 949255ee32 Update dependencies 6 years ago
browser-esm-webpack 57e85c6274 Update deps 6 years ago
browser-esm-webpack-monaco-plugin c79ea537b5 Simplify sample, update npm deps to remove npm security errors 6 years ago
browser-esm-webpack-small 57e85c6274 Update deps 6 years ago
browser-esm-webpack-typescript 59a35665b3 Add package-lock 6 years ago
browser-script-editor f22dfb79ba Reorganize, add webpack sample 7 years ago
browser-undo-redo-controls 2d87862e54 Add undo redo example 7 years ago
electron-amd 95bc3b13a7 The sample should be javascript 6 years ago
nwjs-amd f22dfb79ba Reorganize, add webpack sample 7 years ago
nwjs-amd-v2 f22dfb79ba Reorganize, add webpack sample 7 years ago
.gitignore eebf585fc3 nwjs 8 years ago
.npmignore 6dcc1c017d Initial version 9 years ago
LICENSE.md 9878b4c42a Rename license file 9 years ago
README.md 1044447b0a Update README 7 years ago
package-lock.json 949255ee32 Update dependencies 6 years ago
package.json 949255ee32 Update dependencies 6 years ago

README.md

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