Monaco Editor编辑器教程（二四）：编辑器中创建自定义dom区域 changeViewZones API的详解附实例

（ps：由于Monaoc 官网更新，很多0.34版本的链接都无效啦，mmp，大家如果遇到链接无法访问的情况，可以使用关键词去搜索。） 本篇文章我们主要介绍changeViewZones的使用，这个api在之前的文章有粗浅的介绍。

该API最主要的作用就是在编辑器中增加一块区域，注入自定义的dom元素，并且不会遮挡现有的编辑器内容。 是"嵌入"到编辑器中的。

GitLab中MR的对某行代码进行评论就是使用了该功能(后来我发现并不是)。 此外我们还可以使用该功能，实现一个在编辑中编辑markdown图片链接来显示图片的功能。 废话不多说，我们一起来看看该API的语法吧。

点击查看changeViewZones的官方文档 官方的解释很简单，以下原文 Change the view zones. View zones are lost when a new model is attached to the editor. 意思就是，该方法能够改变编辑器中的可视区域。并且当一个新的语言模型被渲染到编辑器中时，该区域将会丢失。 这里并没有说创建出来的view zone有什么特点。 我们再看一下该方法的入参和出参。 changeViewZones(callback: (accessor: IV