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.

History

Aiday Marlen Kyzy e52ff42729 removing `editor.main.nls.js`		5 months 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	Update TypeScript to TS 5.4.5 in all projects, vendored files	9 months 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 @babel/traverse in /samples/browser-esm-webpack-typescript-react (#4216 )	1 year ago
browser-script-editor	removing `editor.main.nls.js`	5 months ago
electron-amd	Rename to `/samples/`	3 years ago
electron-amd-nodeIntegration	update electron (#3431 )	2 years ago
electron-esm-webpack	update electron (#3431 )	2 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	Bump express from 4.18.1 to 4.19.2 in /samples (#4446 )	8 months ago
package.json	Update TypeScript to TS 5.4.5 in all projects, vendored files	9 months 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