前言

哇咔咔，這是我的第20篇Monaco教程，寫完這一篇會暫時休息一段時間，練練字，存存稿，讀讀書，順便修修文章。
目前全網(wǎng)成系統(tǒng)的monaco中文專欄應該只有我這一個，歡迎評論區(qū)打臉。自結束了GitLab CI/CD的專欄后，我就一直在利用業(yè)余時間學習Monaco相關的知識，一是為了彌補公司項目上的不足，二是看準了這東西以后肯定會大放異彩。不過目前它還是處于VS Code的光彩下。你說vscode大家都知道是啥，你說摩納哥編輯器，大家就會問你，這是啥玩意。monaco editor是vscode的核心編輯器，vscode就是基于它開發(fā)出來的。

說實話，雖然寫了20篇文章，但感覺還是只學到了一點皮毛，對于很多特性還沒有時間去研究，去思考它們的使用場景，以及如何為項目賦能。 馬上過年了，暫時休息一段時間，好好規(guī)劃一下后面的內(nèi)容。

在寫這一篇文章之前其實有兩個選題，一是介紹創(chuàng)建monaco的參數(shù)配置，從那100多個配置參數(shù)中找?guī)资畟€常用參數(shù) 一一分析他們的作用和使用場景。另一個選題就是在編輯器中插入一下自定義的dom元素，包括實現(xiàn)一個評論區(qū)域，表單，彈層。前一個選題對新手很學習很有幫助，網(wǎng)上也有些零碎的文章介紹。后一個選題比較少。這也是我寫這篇文章的原因。不為別的，只因很酷。

技術分析

前言寫了500多字，在加300字就能當做高考作文了。
今天要解析的功能 是monaco中一個很重要的特性。就是在編輯器中加入一些自定義的dom元素。
如果你的公司使用gitlab 你可能在一個MR中見過這樣的操作頁面。

總結

以上是生活随笔為你收集整理的Monaco Editor教程（二十）：在编辑器的某个特定位置插入自定义的dom内容，图片，表单，表格，视频的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。