monaco-editor基于瀏覽器的代碼編輯器
Monaco Editor 是微軟開源的基于 VS Code 的代碼編輯器，運(yùn)行在瀏覽器環(huán)境中。編輯器提供代碼提示，智能建議等功能。供開發(fā)人員遠(yuǎn)程更方便的編寫代碼。描述代碼編輯器功能的頁(yè)面在這里。
安裝：
npm install monaco-editor
你將會(huì)得到
inside
dev: bundled, not minifiedinside
min: bundled, and minifiedinside
min-maps: source maps forminmonaco.d.ts: this specifies the API of the editor
集成
這里是嵌入編輯器最基本的HTML頁(yè)面，更多的示例可在monaco-editor-samples找到
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
</head>
<body>
<div id="container" ="width:800px;height:600px;border:1px solid grey"></div>
<script src="monaco-editor/min/vs/loader.js"></script><script> require.config({ paths: { 'vs': 'monaco-editor/min/vs' }}); require(['vs/editor/editor.main'], function() { var editor = monaco.editor.create(document.getElementById('container'), { value: [ 'function x() {', '\tconsole.log("Hello world!");', '}' ].join('\n'), language: 'javascript' }); });</script></body>
</html>評(píng)論
圖片
表情