Skip to content

Files

samples

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Feb 4, 2022
Nov 16, 2021
Nov 16, 2021
Nov 16, 2021
Dec 9, 2021
Nov 16, 2021
Nov 16, 2021
Nov 16, 2021
Nov 16, 2021
Feb 4, 2022
Jul 20, 2022
May 3, 2024
Dec 9, 2021
Nov 9, 2022
Oct 20, 2023
Nov 16, 2021
Feb 4, 2022
Aug 26, 2024
Nov 22, 2022
Nov 16, 2021
Nov 22, 2022
Nov 16, 2021
Nov 16, 2021
Jan 15, 2022
Oct 30, 2024
May 3, 2024

Monaco Editor Samples

Standalone HTML samples showing how to integrate the Monaco Editor.

Running

git clone https://github.com/microsoft/monaco-editor.git
cd monaco-editor
cd 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