如何使用函数自定义 Monaco 语法高亮?

发布于 2025-01-11 03:47:40 字数 556 浏览 0 评论 0原文

我想让最终用户能够自定义 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

沉睡月亮 2025-01-18 03:47:40

您应该将主题作为一个整体保存在内存中,并通过函数调用对其进行修改。在所有修改器功能的最后,在摩纳哥编辑器中设置您的主题。

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文