Monaco代码编辑器

MonacoEditor
通过JS代码快速调用集成Monaco代码编辑器
模块依赖 需要先安装以下模块才能安装本模块
模块介绍

模块介绍

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

使用方法

定义 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();
});

参考

获取模块
开发商
ModStart
ModStart官方出品
模块信息
标识
MonacoEditor
环境
Laravel5 Laravel9
大小
2.66MB
版本
1.0.0
发布
2022-02-16
MSCore版本要求>=2.6.0
在文件 vendor/modstart/modstart/src/ModStart.php 中查看 $version。
QQ
微信