visual-studio-code - vscode : Is it possible to show an image inside a text buffer?

Question

例如我编写了一个markdown文档，并在其中添加了[myimage](/mypath.jpg)之类的行，以查看该行上方或下方的大尺寸图像。

当我写markdown时，我经常不得不看一个嵌入式文件。此刻，我必须使用拆分布局，并在文本缓冲区和预览之间切换我的注意力。那让我放慢了速度，分散了我的注意力。

我的意思是完整尺寸的预览可以填充缓冲区的整个宽度，并且会永久显示。这是由emacs markdown-mode提供的(请使用名为“markdown-toggle-inline-images”的命令查看this image)。这也可以在崇高的文字中找到，例如通过名为sublime_zk的加载项。在原子上可以通过preview-inline或inline markdown images这样的附加组件来实现。

这样就可以像使用所见即所得的md编辑器(如typora)那样使用VSCode，但具有使用日常编辑器的所有好处。对于程序员来说，这也应该很有趣-至少在hackernews上，Typora通常被誉为最佳Markdown编辑器(例如参见here)

我没有看到这个插件。大约两年前在issue 7689中讨论了一些相关内容-但这仅涉及装订线中的微型预览或将鼠标移到链接上。为此，已经有附加的Image preview。

Answer 1

从VS Code 1.29开始，这是不可能的。 VS Code API无法提供将自定义元素(例如图像)插入编辑器的方法。

现有的两个最接近的API:

代码镜头api:CodeLensProvider。这些允许您将其他可单击的命令插入到编辑器中(例如，在函数上方显示引用计数)，但是这些只能是文本按钮

悬停api:HoverProvider。悬停窗口可以包含图像，因为它们显示 Markdown 内容。但是，仅当用户将鼠标悬停在它们上方时才显示它们