You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
monaco-editor/samples
Joyce Zhu 12a978900a
Update import path for `browser-esm-webpack-small`
2 years ago
..
browser-amd-diff-editor CRLF -> LF 3 years ago
browser-amd-editor Rename to `/samples/` 3 years ago
browser-amd-iframe Rename to `/samples/` 3 years ago
browser-amd-localized Rename to `/samples/` 3 years ago
browser-amd-monarch Fix some samples 3 years ago
browser-amd-requirejs Rename to `/samples/` 3 years ago
browser-amd-shadow-dom Rename to `/samples/` 3 years ago
browser-amd-shared-model Rename to `/samples/` 3 years ago
browser-amd-trusted-types Rename to `/samples/` 3 years ago
browser-esm-esbuild Fix script for esbuild sample which cannot import `.ts` files 3 years ago
browser-esm-parcel Bump terser from 5.12.1 to 5.14.2 in /samples/browser-esm-parcel 3 years ago
browser-esm-vite-react Bump vite from 2.8.6 to 2.9.13 in /samples/browser-esm-vite-react (#3274) 2 years ago
browser-esm-webpack CRLF -> LF 3 years ago
browser-esm-webpack-monaco-plugin Fix some samples 3 years ago
browser-esm-webpack-small Update import path for `browser-esm-webpack-small` 2 years ago
browser-esm-webpack-typescript Rename to `/samples/` 3 years ago
browser-esm-webpack-typescript-react Bump terser in /samples/browser-esm-webpack-typescript-react 3 years ago
browser-script-editor Rename to `/samples/` 3 years ago
electron-amd Rename to `/samples/` 3 years ago
electron-amd-nodeIntegration Rename to `/samples/` 3 years ago
electron-esm-webpack CRLF -> LF 3 years ago
nwjs-amd Rename to `/samples/` 3 years ago
nwjs-amd-v2 Rename to `/samples/` 3 years ago
README.md Add "cd monaco-editor" to the step by step commandline instructions for cloning and running the samples. 3 years ago
package-lock.json Switch to `yarn` which supports overriding resolutions to address vulnerabilities in dependencies of dependencies (#3242) 3 years ago
package.json Switch to `yarn` which supports overriding resolutions to address vulnerabilities in dependencies of dependencies (#3242) 3 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.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