dive2pro / obsidian-hover-external-link

Small plugin to add tooltips on hovering external links

Hover External Link Obsidian Plugin

An Obsidian plugin that adds hover URL previews to external links in your rendered Markdown.

Demo

hover-external-link-demo.mp4

Installation

From in Obsidian

🚧 Coming Soon! 🚧

Manually

1. Download main.js, manifest.json, and styles.css from the latest release.
2. Place them in <vault>/.obsidian/plugins/hover-external-link/ folder (you'll need to create this).

Usage

This plugin will add on-hover tooltips to all external links if the text of the link is not the same as the URL. This only works in the preview mode.

This link will have a hover tooltip: [Google](www.google.com). 

This link won't: [www.google.com](www.google.com).

Customization

This plugin exposes two CSS variables that you can use to set the tooltip background and text color.

.theme-light {
  --link-tooltip-background: #333;
  --link-tooltip-text: #fff;
}

.theme-dark {
  --link-tooltip-background: #ccc;
  --link-tooltip-text: #000;
}