【问题标题】:VSCode Extension embedding an image in editor areaVSCode 扩展在编辑器区域中嵌入图像
【发布时间】:2017-07-16 01:44:35
【问题描述】:

我想为 VSCode 编写一个扩展,它在您正在编辑的文本文件中搜索某个单词,并在编辑器视图中用图像替换该单词。单击图像后,它应该会转换回原始文本,并像往常一样变得可编辑。

我希望这是可能的,但是在发现 VSCode 不允许您直接操作 DOM 之后,我对此表示怀疑。

有人可以指点我一些可以让我将图像添加到编辑器窗口的文档吗? (而不是左边的行号区域)?

提前非常感谢!

【问题讨论】:

标签: visual-studio-code vscode-extensions


【解决方案1】:

VSCode 不支持自定义 UI,但 text decorators 可能适用于您的情况。这是一个示例扩展,展示了如何使用它们:https://github.com/Microsoft/vscode-extension-samples/tree/master/decorator-sample

要使用装饰器显示图像,请在 ThemableDecorationAttachmentRenderOptions 上尝试 contentIconPath

【讨论】:

  • 你能在文本后面创建一个画布吗?我有一个扩展的想法,但我不知道如果不可能的话我是否应该尝试:/
  • 不,扩展无法访问编辑器 dom 以插入画布或其他元素
  • @MattBierner 根据您的最后评论,我想不可能实现类似twitter.com/giuseppegurgone/status/1108991817024983041 的东西,对吧?扩展的代码块将是另一个显示依赖项内容的编辑器视图。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-02-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-07-26
  • 2013-09-26
  • 2020-11-20
相关资源
最近更新 更多