Markdown Unwrap Images

Unwraps block-level images from paragraph wrappers in VSCode's markdown preview.

Overview

The unwrap-images plugin removes the <p> wrapper that Markdown adds around standalone images, allowing images to render as direct block-level elements. Images inside links are also unwrapped.

Before:

<p><img src="https://github.com/mirrordown/mirrordown/raw/HEAD/photo.jpg" alt="A photo" /></p>

After:

<img src="https://github.com/mirrordown/mirrordown/raw/HEAD/photo.jpg" alt="A photo" />

Syntax

Any image that stands alone on a paragraph — with no other text or inline content — is unwrapped:

![An example image](https://picsum.photos/400/200)

Images mixed with text are **not** unwrapped:

Here is an inline image: ![icon](https://picsum.photos/16/16) within a sentence.

About

Part of Markdown Preview Extended Syntax — a pack of Markdown preview syntax extensions you can install all at once.

Powered by @mirrordown/mdit-unwrap-images · Source on GitHub.