monaco-editor使⽤是⼀款⾮常好⽤的web代码编辑器，那么如何把他加到⾃⼰的项⽬中呢。
1.下载插件
npm install monaco-editor@0.8.3
代码编辑器怎么下载2.初始化编辑器值
<!--要绑定的对象-->
<div id="container"></div>
var monacoEditor;
//设置插件路径
//绑定对象并赋值
require(['vs/editor/editor.main'], function () {
/
/container为要绑定的对象
monacoEditor = ElementById('container'), {
value: "<div>我是插⼊的代码</div>",
language: 'html',
wrappingColumn: 0,
wrappingIndent: "indent"
});
});
//⾃适应宽度
if (monacoEditor) {
monacoEditor.layout();
}
};
3.获取编辑器值
4.替换编辑器值
//移除原有对象
$("#container").children().remove();
//重新绑定对象并赋新值
require(['vs/editor/editor.main'], function () {
monacoEditor = ElementById('container'), {                value: '<span>nenewnew</span>',
language: 'html',
wrappingColumn: 0,
wrappingIndent: "indent"
});
});
5. 2017.7.17 代码有更新，请以下⾯的样例代码为准

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。