1.3.2 • Published 1 month ago
monaco-editor-ex v1.3.2
monaco-editor-ex
monaco-editor-ex
is a powerful monaco-editor extension.
Many features that are only available in vscode are brought to monaco-editor,try it now! online demo
available features
html
- javascript and style tag code completion
- style color preview and edit
- auto close tag
- Better format
- unocss support
Usage
Html
<div
id="container"
style="width:800px;height:600px;border:1px solid grey"
></div>
<script src="https://cdn.jsdelivr.net/npm/monaco-editor@0.34.1/min/vs/loader.js"></script>
<script src="https://cdn.jsdelivr.net/npm/monaco-editor-ex@latest/dist/monaco-editor-ex.iife.js"></script>
<script>
require.config({
paths: { vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.34.1/min/vs" },
});
require(["vs/editor/editor.main"], function () {
MonacoEditorEx.useMonacoEx(monaco);
var editor = monaco.editor.create(document.getElementById("container"), {
value: `<div><div>`,
language: "html",
});
});
</script>
Vite
npm i monaco-editor
npm i monaco-editor-ex
Add "userWorker.ts" file to project
import "./userWorker";
import * as monaco from "monaco-editor";
import { useMonacoEx } from "monaco-editor-ex";
useMonacoEx(monaco);
1.3.2
1 month ago
1.3.1
1 month ago
1.3.0
1 month ago
1.2.3
1 month ago
1.2.2
1 month ago
1.2.1
3 months ago
1.2.0
8 months ago
1.1.16
8 months ago
1.1.15
8 months ago
1.1.14
8 months ago
1.1.13
8 months ago
1.1.19
8 months ago
1.1.18
8 months ago
1.1.17
8 months ago
1.1.20
8 months ago
1.1.12
10 months ago
1.1.11
10 months ago
1.1.9
1 year ago
1.1.8
1 year ago
1.1.10
1 year ago
1.1.1
1 year ago
1.1.0
1 year ago
1.0.0
1 year ago
1.1.7
1 year ago
1.1.6
1 year ago
0.34.102
1 year ago
1.1.5
1 year ago
0.34.101
1 year ago
1.1.4
1 year ago
1.1.3
1 year ago
1.1.2
1 year ago
0.34.1
1 year ago
0.33.7
2 years ago
0.33.6
2 years ago
0.33.4
2 years ago
0.33.8
2 years ago
0.33.3
2 years ago
0.33.2
2 years ago
0.33.1
2 years ago
0.33.0
2 years ago
0.19.0
4 years ago