如何使用函数自定义 Monaco 语法高亮?
我想让最终用户能够自定义 Monaco 编辑器的语法突出显示。我知道有defineTheme,但我想要摩纳哥颜色的每个部分都有单独的函数,就像我下面的代码一样。
SetBackground = function(background) {
monaco.editor.defineTheme('Custom', {
base: 'vs-dark',
inherit: false,
rules: [],
colors: {
'editor.background': `#${background}`,
}
});
}
该代码适用于设置背景,但是当我使用其他函数设置前景时,背景会恢复为 vs-dark 的背景。有没有办法编写这样的函数,添加到现有主题并使用用户输入更新它?
I want to enable the end user to customize the syntax highlighting of the Monaco editor. I know there's defineTheme but I want individual functions for each part of the Monaco colors like the code I have below.
SetBackground = function(background) {
monaco.editor.defineTheme('Custom', {
base: 'vs-dark',
inherit: false,
rules: [],
colors: {
'editor.background': `#${background}`,
}
});
}
This code works for setting the background but when I use my other function for setting the foreground the background reverts to that of vs-dark. Is there any way to write functions like these that add on to an existing theme and update it using user input?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您应该将主题作为一个整体保存在内存中,并通过函数调用对其进行修改。在所有修改器功能的最后,在摩纳哥编辑器中设置您的主题。
You should keep your theme as a whole in memory and modify it with your function calls. At the end of all the modifier functions set your theme in monaco-editor.