Embeds+
sz-1f463 downloadsView and embed HTML, MHTML, and Web Archive files natively with full styling and inline preview support.
- Overview
- Scorecard
- Updates5
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:
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
.mhtmlfiles using browser extensions and apps.
- 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
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
- Install and enable the BRAT community plugin.
- Using the Command Palette, search for:
BRAT: Plugins: Add a beta plugin for testing (with or without version). - 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
- Create a directory for the plugin:
/path/to/your/vault/.obsidian/plugins/embeds-plus. - Download & extract the
.ziparchive for the latest version in Releases. - Place
main.js,manifest.json, andstyles.cssinside the newly-created plugin folder.
Credits
License
- Apache License, Version 2.0.
[!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.
