Obsidian Stats logoObsidian Stats

Source Mode Inline Images

by kat
5
4
3
2
1
Score: 35/100
Install Code

Description

This plugin has not been manually reviewed by Obsidian staff. Render image previews below image links in Source mode.

Reviews

No reviews yet.

Stats

stars
20
downloads
0
forks
1
days
NaN
days
NaN
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
0
commits

Latest Version

Invalid date

Changelog

See all version on GitHub

README file from

Github

Source Mode Inline Images

Render image previews directly below image links in Obsidian Source mode.

Features

  • Shows previews below ![[image.png]] links in Source mode.
  • Supports width syntax such as ![[image.png|300]].
  • Shows a friendly message when the image file cannot be found.
  • Does not affect Live Preview or Reading View.

Installation

From Obsidian Community Plugins

Search for "Source Mode Inline Images" in Obsidian's Community Plugins browser.

Manual installation

  1. Download main.js, manifest.json, and styles.css from the latest release.
  2. Copy them to your vault's .obsidian/plugins/source-mode-inline-images/ folder.
  3. Reload Obsidian and enable the plugin in Settings → Community plugins.

Usage

Add an image embed in Source mode:

![[example.png]]
![[example.png|300]]
Syntax Result
![[image.png]] Displays image with default max width (480px)
![[image.png|300]] Displays image with 300px width

Limitations

  • Width must be a number in pixels.
  • Caption and size combinations such as 300x200 are not supported yet.
  • Only works in strict Source mode. Live Preview and Reading View use Obsidian's native rendering.

Privacy

This plugin does not collect telemetry, does not use network requests, and does not access files outside your Obsidian vault.

Development

npm install
npm run dev
npm run build

License

MIT

中文说明：README.zh-CN.md

Sponsors