monaco-editor/samples
Henning Dieterichs 13072d3f18
Update TypeScript to TS 5.4.5 in all projects, vendored files
Co-authored-by: John Yanarella <john.yanarella@gmail.com>
2024-05-03 11:41:19 +02:00
..
browser-amd-diff-editor
browser-amd-editor
browser-amd-iframe
browser-amd-localized
browser-amd-monarch
browser-amd-requirejs
browser-amd-shadow-dom
browser-amd-shared-model
browser-amd-trusted-types
browser-esm-esbuild
browser-esm-parcel
browser-esm-vite-react Update TypeScript to TS 5.4.5 in all projects, vendored files 2024-05-03 11:41:19 +02:00
browser-esm-webpack
browser-esm-webpack-monaco-plugin
browser-esm-webpack-small
browser-esm-webpack-typescript
browser-esm-webpack-typescript-react Bump @babel/traverse in /samples/browser-esm-webpack-typescript-react (#4216) 2023-10-20 09:24:50 -07:00
browser-script-editor
electron-amd
electron-amd-nodeIntegration
electron-esm-webpack
nwjs-amd
nwjs-amd-v2
package-lock.json Update TypeScript to TS 5.4.5 in all projects, vendored files 2024-05-03 11:41:19 +02:00
package.json Update TypeScript to TS 5.4.5 in all projects, vendored files 2024-05-03 11:41:19 +02:00
README.md

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