MoacoEditor是微软开源的基于VSCode的代码编辑器,运行在浏览器环境中。编辑器提供代码提示,智能建议等功能。供开发人员远程更方便的编写代码。描述代码编辑器功能的页面在这里。
安装:
pm istall moaco-editor你将会得到
iside dev:budled,otmiified
iside mi:budled,admiified
iside mi-maps:sourcemapsfor mi
moaco.d.ts:thisspecifiestheAPIoftheeditor
集成
这里是嵌入编辑器最基本的HTML页面,更多的示例可在moaco-editor-samples找到
<!DOCTYPE html><html><head> <meta http-equiv="X-UA-Compatible" cotet="IE=edge" /> <meta http-equiv="Cotet-Type" cotet="text/html;charset=utf-8" ></head><body><div id="cotaier" ="width:800px;height:600px;border:1px solid grey"></div><script src="moaco-editor/mi/vs/loader.js"></script><script> require.cofig({ paths: { 'vs': 'moaco-editor/mi/vs' }}); require(['vs/editor/editor.mai'], fuctio() { var editor = moaco.editor.create(documet.getElemetById('cotaier'), { value: [ 'fuctio x() {', '\tcosole.log("Hello world!");', '}' ].joi('\'), laguage: 'javascript' }); });</script></body></html>
评论