首页 > 代码库 > monaco-editor使用
monaco-editor使用
monaco-editor是非常好用的一款online edit plus，那么如何把他加到自己的项目中呢。
1.下载插件
npm install monaco-editor@0.8.3
2.初始化编辑器值
<!--要绑定的对象--><div id="container"></div>
var monacoEditor;//设置插件路径require.config({ paths: { ‘vs‘: ‘/Scripts/monaco/min/vs‘ } });//绑定对象require([‘vs/editor/editor.main‘], function () { //container为要绑定的对象 monacoEditor = monaco.editor.create(document.getElementById(‘container‘), { value: "<div>我是插入的代码</div>", language: ‘html‘, wrappingColumn: 0, wrappingIndent: "indent" });});//自适应宽度window.onresize = function () { if (monacoEditor) { monacoEditor.layout(); }};3.获取编辑器值
monacoEditor.getValue();
4.替换编辑器值
$("#container").children().remove();//移除原有对象
//绑定对象require([‘vs/editor/editor.main‘], function () { monacoEditor = monaco.editor.create(document.getElementById(‘editcode‘), { value: htmlFormat(eText), language: ‘html‘, wrappingColumn: 0, wrappingIndent: "indent" }); });
monaco-editor使用
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。