微软开源基于浏览器的代码编辑器

Monaco Editor 是一个支持 C、Java、TypeScript, JavaScript 等多种编程语言的浏览器端代码编辑器 。

可作为嵌入 Web 应用程序的源代码编辑器，Monaco 支持基本语法着色和差异编辑器。

安装使用

git clone https://github.com/microsoft/monaco-editor.git
cd samples
npm install .
npm run simpleserver

安装成功后访问 localhost:8888 。

Monaco功能

键盘导航

Monaco 编辑器在命令面板（Internet Explorer 上的 F1 或 Alt+F1）中提供详尽的命令列表，因此无需使用鼠标即可使用该编辑器，命令面板也可以从编辑器的上下文菜单中调用。

高对比度

在 Edge 浏览器中，编辑器将自动调整 Windows 中选择的高对比度主题和颜色：

在命令面板中使用 “切换高对比度主题” 功能适用于其他浏览器：

制表符捕获

默认情况下，在可编辑编辑器中按 Tab 键会插入 Tab 字符（或空格，取决于缩进设置）并且不会导航到页面上的下一个可聚焦元素。在 Windows 和 Linux 上使用 Ctrl+M 以及在 OSX 上使用 Ctrl+Shift+M 切换 Tab 的捕获，随后的 Tab 键会将焦点移出编辑器。

辅助功能帮助

在浏览器中按 Alt+F1 或 Ctrl+F1 以在编辑器中触发“显示辅助功能帮助”对话框，以找出编辑器中的当前位置并检查各种辅助功能选项的状态。

开源地址：https://github.com/microsoft/monaco-editor

编辑：万能的大雄

相关阅读：