如何在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
相关产品推荐
相关产品推荐

