在摩纳哥编辑器中设置背景图像或渐变

Question

如何为 Monaco 编辑器设置背景图片？如果那不可能，它可以有背景渐变吗？编辑器应该是网站的一种装饰功能，装饰不了就不行了

Answer 1

背景渐变进入 background-image 属性，所以通常如果你能做一个，你就可以做另一个。如果您愿意，可以使用 class .monaco-editor 在 div 上设置背景图片。但是，您必须意识到有一个 div 和 class .lines-content 的高度和宽度设置为 1e+06px，并且此 div 的背景将覆盖您的背景因为它太大了。你必须取消背景设置，特别是如果你想使用渐变。

但是，这将使 .margin 和 .minimap 保持不变。如果你想改变背景，你必须专门针对那些。如果你想让这些与编辑器共享背景，你将不得不使用 background-attachment: fixed.

我要警告的是，编辑器做了很多着色，您可能必须考虑这些着色才能使所有内容都适用于您的新背景。突出显示、大纲、工具提示等。