monaco-editor 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
monaco-editor 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
monaco-editor 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 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 指数为
超过 的项目

评论

点击加入讨论🔥(9) 发布并加入讨论🔥
发表于大前端专区
2018/11/26 07:35

Monaco Editor 0.15.6 发布,微软开源的代码编辑器

Monaco Editor 0.15.6 已发布,这是一个小版本, 修复了与上下文菜单相关的 issue #1199 。 可直接点击: https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.15.6.tgz 或通过 npm 下载最新版本: npm install monaco-editor@0.15.6 Monaco Editor 是一个基于浏览器的代码编辑器,也是 VSCode 所使用的代码编辑器。...

3
27
发表于大前端专区
2018/08/12 07:15

Monaco Editor 0.14.2 发布,微软开源的代码编辑器

Monaco Editor 0.14.2 已发布,这是针对刚刚发布的 0.14 的修复版本。 0.14.2 更新日志: Reverts https://github.com/Microsoft/monaco-editor/pull/981 0.14.0 更新日志: New & Noteworthy Using tree-shaking to reduce the amount of shipped code. TypeScript and JavaScript coloring is now done with Monarch. typescriptServices is no longer loaded on the UI thread, this helps with webpack's bundle output si...

1
10
发表了资讯
2016/06/25 00:00

Monaco Editor 0.5 发布,微软开源的代码编辑器

Monaco Editor 0.5 发布了,Monaco Editor 是微软开源的基于 VS Code 的代码编辑器。 主要更新如下: 重大更新 monaco.editor.createWebWorker now loads the AMD module and calls create and passes in as first argument a context of type monaco.worker.IWorkerContext and as second argument the initData. This breaking change was needed to allow handling the case of misconfigured web workers (running on a fi...

8
29
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
9 评论
180 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部