{"repo":"imguolao/monaco-vue","free":true,"listed":false,"github":"https://github.com/imguolao/monaco-vue","clone":"git clone https://github.com/imguolao/monaco-vue.git","description":"Use monaco-editor loaded from CDN in Vue 2&3, no need to bundling.","language":"TypeScript","stars":338,"topics":["monaco","vue","vue3","monaco-eidtor","editor","vue2","typescript","vite"],"license":"MIT","category":"ui-components","readme_excerpt":"monaco-vue Use monaco-editor loaded from CDN in Vue 2&3, no need to bundling. English 简体中文 Attention ⚠️ The monaco-editor announced the deprecation of the AMD version in v0.53.0, supporting the use of the ESM version instead. Maybe you don't need to load it from the CDN. Why The monaco-editor doesn't support ESM very well, which results in large files when the code is bundled. But the official team has written a loader to lazy load files of the editor remotely, so we can load the files from a CDN to use it. If you still want to import monaco-editor files from node modules and bundle them into your code (without using remote loading), you will need to use a bundling tool. See here. Installation Vue void execute before the editor instance is created (don't use @before-mount in vue2, detail) @mount (editor: monaco.editor.IStandaloneCodeEditor, monaco: Monaco) = void execute after the editor instance has been created @change (value: string \\ undefined, event: monaco.editor.IModelContentChangedEvent) = void execute when the changed value change @validate (markers: monaco.editor.IMarker[]) = void execute when a syntax error occurs monaco-editor supports syntax-checked languages view here #default slot 'loading...' loading status when loading files from CDN, displaying the loading status will be more friendly #failure slot 'load failed' failure status example: CDN network error Diff Editor Name Type Default Description --- --- --- --- original string The original source value (left ","default_branch":null,"files":null,"tree":[],"storefront":"/r/imguolao","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/imguolao/monaco-vue/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}