mirror of
https://github.com/microsoft/monaco-editor.git
synced 2025-12-22 10:25:42 +01:00
| .. | ||
| browser-esm-esbuild | ||
| browser-esm-parcel | ||
| browser-esm-vite | ||
| browser-esm-vite-react | ||
| browser-esm-vite-vue | ||
| browser-esm-webpack | ||
| browser-esm-webpack-monaco-plugin | ||
| browser-esm-webpack-small | ||
| browser-esm-webpack-typescript | ||
| browser-esm-webpack-typescript-react | ||
| electron-esm-webpack | ||
| legacy | ||
| nwjs-amd | ||
| nwjs-amd-v2 | ||
| package-lock.json | ||
| package.json | ||
| 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 usingAMDlazy loading.browser-script-editor: running in a browser usingAMDsynchronous 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-amdandnwjs-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 theGermanlocale.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