Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Markdown Unwrap ImagesNew to Visual Studio Code? Get it now.
Markdown Unwrap Images

Markdown Unwrap Images

saeris

|
2 installs
| (0) | Free
Unwraps block level images in VSCode's markdown preview
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

markdown-unwrap-images

Unwraps block level images using markdown-it-block-image

The purpose of this extension is to mimic the behavior of rehype-unwrap-images in projects where markdown files will be rendered using the unified markdown toolchain (ie: remark + rehype).

Usage Example

When an image would be the only child of a paragraph element (aka a block level image) in Markdown, this plugin will unwrap the image from this paragraph tag. Inline images are left unchanged.

Here is an inline image: ![example inline image](http://example.com/img/example.png).

![example block image](http://example.com/img/example.png)

result:

<p>Here is an inline image: <img src="http://example.com/img/example.png" alt="example inline image">.</p>
<img src="http://example.com/img/example.png" alt="example block image">
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft