于现代Web应用的环境里头，在线代码编辑器，已然慢慢地变成了不可或缺的工具，它是微软开源的一款web版代码编辑器，它支持智能提示，支持代码高亮，支持代码格式化，支持多种编程语言，并且能够自定义主题以及插件。

之前我们讲过codejock dockingpane，能够借助npm途径去运用。然而存在一些项目，要是我们想要直接进行引用该如何处理呢？

效果图

创建容器

引入文件

您也可以访问官网地址，下载发布的版本，然后本地应用。

https://..io/-/

官网下载

目录

创建编辑器实例

(function(){
  let editor;

先行要求，[‘vs/editor/editor.main’]存在，之后，执行函数，此函数功能为：当上述要求达成时，展开后续操作 。
编辑器通过创建，在名为的文档中，利用获取的元素，其带有相关配置，配置内容包含，具体的设置项有 。 这一系列操作是由特定工具完成，该工具能够精准地进行此项生成行为，从而为后续的文本编辑环境搭建基础，借助这个基础，用户能够在此之上开展文本编辑工作，通过这个工具所提供。
值为，单引号内的内容，函数名为hello，函数体为，大括号内的内容，先是换行，接着反格式化输出提示语Hello world，最后分号。
langauge是，冒号是，单引号是，javascript。
      });
  });
})();

代码获取与设置

// 获取
// 设置
editor，将值设置为，'function hello() { alert("Hello world!"); }'；。

人人为我codejock dockingpane，我为人人，谢谢您的浏览，我们一起加油吧。

如有侵权请联系删除！