Embeds+

approved

by sz-1f

This plugin has not been manually reviewed by Obsidian staff. View and embed HTML, MHTML, and Web Archive files natively with full styling and inline preview support.

★ 6 stars↓ 448 downloadsUpdated 28d agoApache-2.0
Install in ObsidianView on GitHub

Embeds+

A plugin for extending the native in-app file previewing/rendering capabilities of Obsidian.

About

The purpose of Embeds+ is to allow for Evernote-style "web snippets" to be rendered inside Obsidian notes (or in separate tabs). The plugin currently supports in-app rendering of the following file formats:

  • .webarchive
  • .html
  • .mhtml (.mht)

Usage

Opening the file (as you would for any other note/document) will render it in a new tab. To insert an inline preview, use the native syntax for inline previews: ![[File.html]].

Example:

Example of an inline embed using Embeds+ in Obsidian

Capturing Evernote-Like "Web Clips"

Below are some examples of how to capture these clips on different platforms/browsers: Web Archives:

  • Using Safari on i(Pad)OS/MacOS:
    • i(Pad)OS: Share -> Options -> Send As -> Web Archive
    • MacOS: File -> Save As (⌘ S) -> Format -> Web Archive MHTML:
  • Using Chromium-based browsers on desktop:
    • Menu -> Save Page As (⌘ S) -> Web page, Single file There are also many tutorials for capturing Web Archives using Apple's Shortcuts app, or capturing .mhtml files using browser extensions and apps.

Additional Notes

  • External links, navigation links, and moving elements (CSS & JavaScript) are disabled on the embeds for safety and to ensure usability. This behaviour may be changed in future iterations.
  • Web Archive files are large, so having a lot of them in your vault/notes can slow down Obsidian considerably. Stick to minimal (M)HTML snippets where possible.

Installation

Via BRAT

  1. Install and enable the BRAT community plugin.
  2. Using the Command Palette, search for: BRAT: Plugins: Add a beta plugin for testing (with or without version).
  3. Add the URL for this GitHub repository (https://github.com/SZ-1F/obsidian-embeds-plus). You can either choose to install the latest version (recommended), or manually select a specific release.

Manual Installation

  1. Create a directory for the plugin: /path/to/your/vault/.obsidian/plugins/embeds-plus.
  2. Download & extract the .zip archive for the latest version in Releases.
  3. Place main.js, manifest.json, and styles.css inside the newly-created plugin folder.

Credits

License

[!NOTE] First-party code in this repository is not generated by (or with the assistance of) an AI/LLM. External code, libraries, or assets used in this repository may contain AI-generated content.

Support this project on Ko-Fi

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.