Расширение VSCode, встраивающее изображение в область редактора

Я хочу написать расширение для VSCode, которое ищет определенное слово в текстовом файле, который вы редактируете, и заменяет это слово изображением в представлении редактора. После того, как вы нажмете на изображение, оно должно превратиться обратно в исходный текст и стать доступным для редактирования, как обычно.

Я надеялся, что это будет возможно, но после того, как обнаружил, что VSCode не позволяет вам напрямую манипулировать DOM, я сомневался.

Может ли кто-нибудь указать мне какую-нибудь документацию, которая позволила бы мне добавлять изображения в окно редактора? (а не область номеров строк слева)?

Заранее большое спасибо!


person dustinroepsch    schedule 25.02.2017    source источник
comment
Обновление: github.com/microsoft/vscode/pull/66418 теперь реализовано.   -  person tejasvi88    schedule 02.03.2021


Ответы (1)


VSCode не поддерживает пользовательский интерфейс, но текстовые декораторы могут работать в вашем кейс. Вот пример расширения, показывающий, как их использовать: https://github.com/Microsoft/vscode-extension-samples/tree/master/decorator-sample

Чтобы отобразить изображение с помощью декораторов, попробуйте contentIconPath на ThemableDecorationAttachmentRenderOptions

person Matt Bierner    schedule 07.07.2017
comment
Не могли бы вы создать холст за текстом? У меня есть идея расширения, но я не знаю, стоит ли мне даже попробовать, если это невозможно: / - person koral; 01.01.2019
comment
Нет, расширения не могут получить доступ к редактору dom для вставки холста или других элементов - person Matt Bierner; 02.01.2019
comment
@MattBierner на основе вашего последнего комментария, я полагаю, что невозможно реализовать что-то подобное twitter.com/giuseppegurgone / status / 1108991817024983041 правильно? Расширенный блок кода будет еще одним представлением редактора, отображающим содержимое зависимости. - person G.G.; 23.03.2019