monaco-editor 基于浏览器的代码编辑器开源项目

我要开发同款
匿名用户2016年06月22日
156阅读

技术信息

开源地址
https://microsoft.github.io/monaco-editor/index.html
授权协议
MIT

作品详情

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>

功能介绍

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

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论