《开源精选》是我们分享 Github、Gitee 等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个开源基于浏览器的代码编辑器——monaco-editor。
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
以在编辑器中触发“显示辅助功能帮助”对话框,以找出编辑器中的当前位置并检查各种辅助功能选项的状态。
—END—
开源地址:https://github.com/microsoft/monaco-editor
原文始发于微信公众号(开源技术专栏):微软开源基于浏览器的代码编辑器
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/53735.html