You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Monaco Editor 0.28.1版本中启用括号配对颜色高亮功能

0.28.1版本的Monaco Editor括号配对颜色高亮配置和你当前写法的适配性存在差异,你调用的bracketColorizationOptions是更高版本才支持的Model层配置项,0.28版本该功能属于编辑器全局配置,不需要修改Model参数即可开启。

正确配置方式

直接在monaco.editor.create的初始化参数中添加bracketPairColorization.enabled: true即可启用功能,如果需要同时显示配对括号的垂直引导线,可额外添加guides.bracketPairs: true配置。

修改后的完整代码如下:

public createEditor(domElt: HTMLElement, value: string)
{
    let editor = monaco.editor.create(domElt, {
        value: value,
        language: 'sql',
        lineNumbers: 'off',
        minimap: {
            enabled: false
        },
        // 开启括号配对颜色高亮
        bracketPairColorization: {
            enabled: true
        },
        // 可选:开启括号配对垂直引导线
        guides: {
            bracketPairs: true
        }
    });
    return editor;
}

如果你的编辑器实例已经创建完成,需要动态开启该功能,调用以下代码即可:

editor.updateOptions({
  bracketPairColorization: {
    enabled: true
  }
})

0.28版本已经内置SQL语言的括号适配规则,配置完成后刷新即可看到不同层级的括号显示不同的高亮颜色。


内容的提问来源于stack exchange,提问作者Clement

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.02 03:09:05