vscode:是否可以在文本缓冲区内显示图像?

时间:2018-10-08 20:53:55

标签: visual-studio-code markdown

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

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

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

这将允许像typora这样的WYSIWYG md编辑器一样使用VSCode,但是具有使用日常编辑的所有好处。对于程序员来说,这也应该很有趣-至少在hackernews上,Typora通常被誉为最佳降价编辑器(例如,见here

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

1 个答案:

答案 0 :(得分:0)

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

两个最接近的现有API:

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

  • 悬停api:HoverProvider。悬停窗口可以包含图像,因为它们显示降价内容。但是,只有当用户将鼠标悬停在它们上方时,它们才会显示