「Monaco代码编辑器」是一个通过JS代码快速调用集成Monaco代码编辑器
定义 HTML 容器
HTML
<div style="width:100%;height:100vh;" id="editor"></div>
调用 JavaScript 代码
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(); });
QQ扫一扫联系
点击联系
2374926113
微信扫一扫联系
.