Monaco Editor 的基本用法

您可能希望在您的网站上设置一个编辑器，允许用户自由输入并查看代码的行为方式。在这种情况下，我认为最基本的方法是使用 contenteditable 属性，但以这种方式实现它可能是一项艰巨的任务。…

使用 Ace Editor 和 Monaco Editor 会容易得多，这些编辑器可以嵌入到您的网站中。

这一次，我将解释 Monaco Editor 的基本用法，它是基于 VS 代码源创建的，用于在 Web 浏览器上工作。

图片来自微软官方摩纳哥编辑器页面

前提

chrome（版本：101.0.4951.67）
摩纳哥编辑器版本 0.33.0。

什么是摩纳哥编辑器？

微软开源

Monaco Editor 是微软开发的开源代码编辑器（微软官方 Monaco Editor 页面）。它是为在基于 VS 代码源的 Web 浏览器上工作而创建的。

在 MIT 许可下创建，它支持 Edge、Chrome、Firefox、Safari 和 Opera。但是，请注意不支持移动浏览器和移动 Web 框架。