obsidian-plugin/hiforrest_source-mode-inline-images
1
0
Fork 0
mirror of https://github.com/hiforrest/source-mode-inline-images.git synced 2026-07-22 07:32:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
No description
12 commits 1 branch 3 tags 667 KiB
JavaScript 50.1%
TypeScript 42.3%
CSS 7.6%
Find a file
unknown 4bae8e13db chore: remove .web_plan_ok.md from tracking
2026-06-07 22:04:36 +08:00
.github/workflows fix: address Obsidian community review feedback 2026-06-04 21:31:32 +08:00
imgs docs: add intro section with logo and bump version to 0.2.0 2026-06-07 17:54:48 +08:00
.gitignore Add Claude Code related files to .gitignore 2026-06-04 21:26:50 +08:00
LICENSE Prepare for Obsidian plugin submission 2026-06-04 20:49:38 +08:00
main.js Prepare for Obsidian plugin submission 2026-06-04 20:49:38 +08:00
main.ts Prepare for Obsidian plugin submission 2026-06-04 20:49:38 +08:00
manifest.json docs: add intro section with logo and bump version to 0.2.0 2026-06-07 17:54:48 +08:00
package-lock.json Prepare for Obsidian plugin submission 2026-06-04 20:49:38 +08:00
package.json docs: add intro section with logo and bump version to 0.2.0 2026-06-07 17:54:48 +08:00
README.md fix: add missing blank line after logo 2026-06-07 17:58:07 +08:00
README.zh-CN.md docs: add intro section with logo and bump version to 0.2.0 2026-06-07 17:54:48 +08:00
styles.css Prepare for Obsidian plugin submission 2026-06-04 20:49:38 +08:00
tsconfig.json Initial commit 2026-06-04 20:30:51 +08:00
versions.json Prepare for Obsidian plugin submission 2026-06-04 20:49:38 +08:00
插件介绍.md Initial commit 2026-06-04 20:30:51 +08:00

README.md

Source Mode Inline Images

Source Mode Inline Images

So you're using Obsidian in Live Preview mode. You move your cursor over a formatted word and boom, the hidden markdown syntax pops out and shoves your text halfway across the screen. This constant jumping is a total flow-killer. I call it Editor ADHD.

Markdown was originally built for the content and the syntax to live together. Why not just go back to Source Mode? In Source Mode, what you see is exactly what you typed. Asterisks stay asterisks. Nothing disappears, nothing jumps out, and nothing breaks your focus. That's how writing is supposed to feel.

But Source Mode has one big catch: you can't see your images. Trying to write without visuals is like driving a car without a rearview mirror. That's where the Source Mode Inline Images plugin comes in. It does one simple thing: you type the image link, and the image renders right there below it.

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