monaco-editor 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
monaco-editor 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: MIT
操作系统: 跨平台
开发厂商: 微软
收录时间: 2016-06-22
提 交 者: 步影随月

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>
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

monaco-editor 的相关博客

monaco editor 实现自定义提示(sql为例)

monaco editor :https://www.cnblogs.com/XHappyness/p/9414177.html 这里实现自己定义的提示: .vue <template> <div> ...

在vue项目中使用monaco-editor

monaco-editor: https://github.com/Microsoft/monaco-editor 在ESM中的使用官方也有对应文档:https://github.com/Microsof...

【软工】[技术博客] 用Monaco Editor打造接近vscode体验的浏览器IDE

[技术博客] 用Monaco Editor打造接近vscode体验的浏览器IDE 官方文档与重要参考资料 官方demo 官方API调用样例 Playground 官...

Install Monaco font on Ubuntu 12.04

### Download [download address][1] ### Move sudo mkdir /usr/share/fonts/truetype/monaco sudo mv Monaco_Linux.ttf /usr...

ubuntu16.04安装monaco字体

monaco字体是苹果系统下的字体,非常的好看,是我最喜欢的字体没有之一。现在我们就来在ubuntu下安装这个漂亮的字体 第一步:...

同时使用等宽字体(如Monaco)和微软雅黑的方法

在notepad++等里面使用等宽字体(如Monaco)和微软雅黑,使界面更加漂亮

vue(element)中使用monaco实现代码高亮

vue(element)中使用monaco实现代码高亮 使用的是vue语言,用element的组件,要做一个在线编辑代码,要求输入代码内容,可以...

9.Hierarchy Editor

Hierarchy Editor(层次编辑器) 用于定义3D图层的结构,向Ventuz渲染引擎发出“命令”,并指定命令的发生顺序。通常,每个层...

thinkjs+swagger Editor

一直很好奇专门写接口同事的工作,于是趁着手边工作中的闲暇时间,特地看看神奇的接口文档怎么摆弄。 总览: 这是基于thinkjs...

monaco-editor 的相关问答

还没有任何问答,马上提问

评论 (9)

加载中
万恶的,没有中文文档。。。。。。翻译只能连蒙待猜。
2019/10/21 17:13
回复
举报
提醒一点,是“VSCode基于Monaco”,而不是“Monaco基于VSCode” 先有Monaco Editor,然后有Electron,然后才有VSCode
2018/10/09 16:42
回复
举报
我就是特意来找一个回复的,现在的技术文章真误人。。。
04/10 10:14
回复
举报
编辑部翻译了三天 #monaco-editor#
2016/06/24 08:55
回复
举报
。。。 #monaco-editor#
2016/06/24 08:58
回复
举报
微软出品?? #monaco-editor#
2016/06/24 09:43
回复
举报
动不动就几百兆项目在浏览器里写? #monaco-editor#
2016/06/24 13:24
回复
举报
卧槽!要逆天!!!!帅的一脸!!!! #monaco-editor#
2016/06/24 18:09
回复
举报
有没有atom的编辑器源码? #monaco-editor#
2016/06/25 00:54
回复
举报
更多评论
9 评论
177 收藏
分享
返回顶部
顶部