Я хочу, чтобы редактор monaco поддерживал синтаксис JSX. Как мы знаем, типичный код JSX может выглядеть следующим образом:
<Component style={{color: '#333'}} className='foo'>
hello html
{
console.log('hello js')
}
</Component>
Чего я хочу достичь, так это того, что когда курсор находится в стиле attr, предложения завершения составляют около CSS, когда в {}, он показывает JS предложений, а в компонентах предложения взяты из HTML или некоторого пользовательского синтаксиса.
Я заметил, что для модели Монако существует API под названием getLanguageIdAtPosition
. Похоже, что могут быть разные языки для разных позиций. Но никто не упомянул этот API, так что я не знаю, может ли этот API помочь и как это сделать.