基于浏览器的代码编辑器 monaco-editor

码农软件 · 软件分类 · 可视化HTML编辑器 · 2019-04-06 19:13:59

授权协议: MIT
开发语言: JavaScript HTML/CSS
操作系统: 跨平台
软件首页: https://microsoft.github.io/monaco-editor/index.html
软件文档: https://github.com/Microsoft/monaco-editor
官方下载: git@github.com:Microsoft/monaco-editor.git

软件介绍

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

安装：

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>

本文地址：https://codercto.com/soft/d/3009.html

码农书籍

新物种爆炸

吴声 / 中信出版社 / 2017-7-30 / 58.00元

宝马为什么要重点发展共享汽车 Airbnb正试图成为内容和社交平台不排队、不结账、没有收银员的颠覆传统超市茑屋书店要打造全新生活方式基于新的商业环境与技术条件的变化，必须会产生新的品类和商业模式，这就是新物种！大数据与人工智能等技术正在创建新的商业话语体系，创建新的权力架构，引领第四新物种爆炸。商业规则正在快速发生变化，新的模式与业态层出不穷。要么成为......一起来看看《新物种爆炸》这本书的介绍吧!

码农工具

HTML 编码/解码

SHA 加密

SHA 加密工具