Monaco代码编辑器（MonacoEditor）

模块依赖需要先安装以下模块才能安装本模块

模块介绍

「Monaco代码编辑器」是一个通过JS代码快速调用集成Monaco代码编辑器

Monaco 代码编辑器
    集成
        JS 快速初始化
        内置静态资源引用
    能力
        语法高亮
        代码补全与折叠

功能特性

通过一段 JS 代码即可在任意页面集成 Monaco 代码编辑器
支持语法高亮、代码补全、折叠与暗色主题等编辑器能力
编辑器资源由模块内置提供，无需引用外部 CDN
兼容最新运行环境（Laravel 13 / PHP 8.5）

使用方法

定义 HTML 容器

<div style="width:100%;height:100vh;" id="editor"></div>

调用 JavaScript 代码

let editorDom = document.querySelector('#editor');
let editor = null
window.require.config({paths: {vs: '/vendor/MonacoEditor/vs'}});
window.require(['vs/editor/editor.main'], () => {
    editor = window.monaco.editor.create( editorDom, {
        value: "Hello Code",
        language: 'javascript',
        readOnly: false,
        fontSize: '13px',
        renderLineHighlight: false,
        minimap: {
            enabled: false
        },
        theme: 'vs-dark',
    });
});
$(window).on('resize',function(){
    editor && editor.layout();
});