javascript - 在一个 monaco 编辑器中结合多种语言

Question

我想让 monaco 编辑器支持 JSX 语法。众所周知，典型的 JSX 代码可以是：

<Component style={{color: '#333'}} className='foo'>
    hello html
    {
       console.log('hello js')
    }
</Component>

我想要实现的是，当光标在样式 attr 时，完成建议是关于 CSS 的，当在 {} 中时，它显示 JS 建议，而在组件中建议来自 HTML 或一些自定义语法。

我注意到有一个调用getLanguageIdAtPositionmonaco 模型的 api。似乎不同的职位可以有不同的语言。但是从来没有人提到过这个 api，所以我不知道这个 api 是否可以提供任何帮助以及如何制作它。