开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
monaco-editor首页、文档和下载 - 基于浏览器的代码编辑器 - 开源中国社区
全部项目分类
我要评价
MIT
跨平台
微软
分享
收藏
146 人收藏
收录时间:2016-06-22
monaco-editor 详细介绍

Monaco Editor 是微软开源的基于 VS Code 的代码编辑器,运行在浏览器环境中。编辑器提供代码提示,智能建议等功能。供开发人员远程更方便的编写代码。描述代码编辑器功能的页面在这里

image

安装:

npm install monaco-editor

你将会得到

  • inside dev: bundled, not minified

  • inside min: bundled, and minified

  • inside min-maps: source maps for min

  • monaco.d.ts: this specifies the API of the editor

集成

这里是嵌入编辑器最基本的HTML页面,更多的示例可在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>
monaco-editor

选择将代码托管在码云
你还在等什么

可能是中国最大最好的代码托管平台


大家对 monaco-editor 的评论 (全部 7 条评论)
{{repayCom.userName}}
魔仙灵梦
提醒一点,是“VSCode基于Monaco”,而不是“Monaco基于VSCode”
先有Monaco Editor,然后有Electron,然后才有VSCode
蓝月萧枫
有没有atom的编辑器源码? #monaco-editor#
自风
卧槽!要逆天!!!!帅的一脸!!!! #monaco-editor#
MGL_TECH
动不动就几百兆项目在浏览器里写? #monaco-editor#
烈冰
微软出品?? #monaco-editor#
顶部