Connect your browser with your notes in Obsidian. Obsidian Web is a customizable web clipper for Obsidian with advanced features.

Latest Version

Version
3.5.0
Update
August 17, 2024
Size
641KiB
Developer
coddingtonbear.net
Category
Users
20,000+
Rating
4.1791 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Storage
ActiveTab
Scripting
See more

Obsidian Web Extension

This is a Chrome extension for Obsidian* that allows you to more tightly integrate your browser with your notes in Obsidian. Obsidian Web makes clipping content from the web into your notes seamless, but that's just the basic part -- it also has advanced features that help you to find out when you already have notes before you take the time to add them again, and to remind you about what your thoughts were last time you were there.

Features:
- Templates: Configure how your content will appear in your notes by editing simple templates. Want to add information that isn't the page title, URL, or the text you've selected? You can change the content you are about to send to your notes on a case-by-case basis by clicking on the \"Entry Details\" dropdown from the pop-up menu.
- Note Recall: Have you been to this page before? Maybe you already have notes about it? Obsidian Web can search your notes to see if you've mentioned this page before, and if so, let you open that note in Obsidian or update it with new content.
- Periodic Notes: Want to append or patch your daily, weekly, monthly, or yearly notes? This gives you an \"Append to current daily note\" option out-of-the-box, but maybe you want to use a different interval or insert your content in a specific section of your daily note? Just modify the template and you can. Note that this requires the Obsidian Periodic Notes plugin: https://obsidian.md/plugins?id=periodic-notes

To get started:

1. Install this extension from the Chrome Web Store
2. Install & enable the \"Local REST API\" plugin from the Community Plugins section in Obsidian.
3. Click on the \"Obsidian Web\" icon in your toolbar and follow the instructions.

To report a bug or suggest a feature, go to: https://github.com/coddingtonbear/obsidian-web/discussions

*Please note that the authors of this extension have no affiliation with the makers of Obsidian.

Want to have a say in the future of Obsidian Web? Schedule a one-on-one call with me today by going to https://calendar.app.google/2nxkhy5yYvEddBK5A or by clicking the \"Schedule a one-on-one\" button from the upper-right corner of the extension options page.

New in version 3.5.0:
- Table Support: Tables will now be properly included in your markdown output if they were present in the page content or what you selected. Thanks @dscherdi for figuring out how to make this a reality via integrating https://github.com/mixmark-io/turndown-plugin-gfm !
- No Lost Changes: If you make changes to the content of the popup modal (e.g. adding notes to the content template) and accidentally do something that would cause you to lose those changes (e.g. closing the modal or changing the preset), we'll warn you that you're about to do that, and give you the option of changing your mind. This came about because I apparently have a tendency to double-click randomly, and I lost quite a bit of work today :laugh:.

New in version 3.4.0:

- Adds support for connecting to Obsidian on ports other than the standard ports of 27123 and 27124; now folks who are juggling multiple vaults have better options!
- Fixes a common bug that would cause Obsidian Web to erroneously decide to use a secure connection to Obsidian even when one's certificate was not properly trusted. If folks were historically seeing the green shield icon when in settings, but found that they weren't able to actually use Obsidian Web when they tried, they should now see a reasonable error message on the extension options page.

New in version 3.3.0:

- Adds slightly improved bug reporting information when exporting a bug report.
- Adds better warning messages when your version of Obsidian Local REST API is out-of-date.
- Distinguishes between local HTTP and remote HTTP connections, and only warns you to use HTTPs if your HTTP connection isn't local.

New in version 3.2.0:

- Do you write notes about a page and want to be reminded of them when you browse to that page again? You can now configure Obsidian Web to automatically open the extension menu and show you a notice when you navigate to a URL you've already written notes about. This is particularly useful if you need to remind yourself about why you might not want to buy a particular thing on Amazon or listen to a particular book on Audible. Read more here: https://github.com/coddingtonbear/obsidian-web/wiki/Automatic-Match-Display
- Do you want to remind yourself of notes you have about a page *before* you click on a link to that page? Now you can configure Obsidian Web to show you when you have notes about a page just by hovering over a link to it. You can even set a custom message for it to show you when you hover over a link to that particular page, too. You can find out more about this feature here: https://github.com/coddingtonbear/obsidian-web/wiki/Hover-Messages

New in version 3.1.0:

- Added a new bug report export feature making it easier for issues to be troubleshot. You can find this via the \"bug\" shaped icon in the upper-right corner of the options panel.

New in version 3.0.0:

- A completely new Pop-Up that's a lot easier to use and understand.
- It's now shown inside your page content and allows you to leave the pop-up open while you collect whatever content you want to gather from the page without needing to close and re-open the pop-up every time you realize you need to copy something from your page. You can drag the pop-up around, too, if it's in the way!
- Templates are shown and rendered on-the-fly in the interface so you can better understand how your templates are used for generating your notes.
- It's now launchable by a keyboard shortcut -- by default Alt+Shift+O. You can find instructions for how to change the keyboard shortcut in Options. Closing the pop-up is also doable from the keyboard now, too -- just press your Esc key.
- There's now support for connecting to Obsidian instances other than the one running on localhost for those of you who are using Docker images or have Obsidian running on another machine in your network.
- Extra context is provided from Readability (https://github.com/mozilla/readability) in addition to your page content. Now the title, length, excerpt, byline, etc. information that Readability extracts from the document are available as context variables.

New in version 2.2.0:

- Automatic Drafting: You can now open and modify the content in the pop-up menu multiple times without losing what you had previously entered.
- Markdown Selections: Selection is provided as Markdown text instead of a plain-text string.
- Import/Export: Settings can be exported and imported as a JSON file.

New in version 2.1.0:

- Note Recall (optionally-enabled)
- When opening the extension pop-up, the extension will search your notes to see if you've mentioned this URL before and provide you options for opening or editing that existing note if so.
- Optionally, will search your notes in the background while browsing the web and let you know (by showing a badge on the extension icon) if you've mentioned this page before or if you have a dedicated note for it without requiring you to open the extension pop-up to find out.
- Improved page content snapshots. Since version 2.0.0, page content has been available via the {{page.content}} template variable -- now that content has been trimmed down to include only what matters using Readability.js.
- New {{uuid}} template function allowing you to randomly generate IDs for your notes.

New in version 2.0.0:

- Several new template helpers are available including:
- {{date}}: Displays a timestamp. Can also receive a second argument for declaring format.
- {{filename FIELD}}: Removes filename-unsafe characters from FIELD. Useful when creating a new document from, for example, a page title.
- {{json FIELD}}: JSON-encodes the string in FIELD. Useful for including arbitrary page details in YAML frontmatter.
- {{quote FIELD}}: Prefixes every line of FIELD with a '>' so as to display it as a blockquote in your notes.
- Handlebars is now used as the template language, allowing for much-more-complex template logic.
- Page content (as markdown) is available for use in your templates.
- A new 'Capture page snapshot' default template exists that will capture as a markdown document and save it into your notes.
- A new 'Restore default templates' button allowing you to restore the original default templates should you have accidentally deleted them or want to see the original versions for reference.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Obsidian Web", "description": "Connect your browser with your notes in Obsidian. Obsidian Web is a customizable web clipper for Obsidian with advanced features.", "version": "3.5.0", "options_page": "options.html", "background": { "service_worker": "js/background.js" }, "sandbox": { "pages": ["handlebars.html"] }, "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png", "256": "icon256.png" }, "commands": { "_execute_action": { "suggested_key": { "default": "Alt+Shift+O" } } }, "action": { "default_title": "Take Note", "default_icon": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png", "256": "icon256.png" } }, "web_accessible_resources": [ { "resources": ["options.html", "handlebars.html"], "matches": [""] } ], "optional_permissions": ["tabs"], "permissions": ["storage", "activeTab", "scripting"], "optional_host_permissions": [ "https://*/*", "http://*/*" ]}
Read more

Similar Extensions

icon

Obsidian Clipper Extension · Productivity 20,000+ 34 ★ 309KiB

icon

Save To Obsidian Extension · Productivity 20,000+ 5 ★ 13.9KiB

icon

Copy as Markdown Extension · Developer Tools 20,000+ 31 ★ 31.6KiB

icon

obsidian-livesync-webclip Extension · Productivity 20,000+ 3 ★ 78.67KiB

icon

MarkDownload - Markdown Web Clipper Extension · Productivity 20,000+ 146 ★ 403KiB

icon

markClipper - obsidian web clipper Extension · Productivity 20,000+ 28 ★ 205KiB

icon

Fleeting Notes Extension · Productivity 20,000+ 19 ★ 1.34MiB

icon

Unofficial Obsidian Web Clipper Extension · Productivity 20,000+ 11 ★ 117KiB

icon

Obsidian clipper Extension · Productivity 20,000+ 7 ★ 1.15MiB

icon

Readwise Highlighter Extension · Productivity 20,000+ 54 ★ 3.04MiB

icon

Logseq Quick Capture Extension · Productivity 20,000+ 20 ★ 24.68KiB

icon

Save to Obsidian Extension · Productivity 20,000+ 1 ★ 51.21KiB

icon

Omnivore Extension · Productivity 20,000+ 54 ★ 158KiB

icon

Obsidian Web Clipper Extension · Productivity 20,000+ 96 ★ 412KiB

icon

Joplin Web Clipper Extension · Productivity 20,000+ 96 ★ 120KiB

icon

Web Clipper Extension · Productivity 20,000+ 182 ★ 1.55MiB

icon

Eloquent: Quick Capture and Highlighting Extension · Productivity 20,000+ 19 ★ 2.69MiB

icon

Export to Markdown Extension · Developer Tools 20,000+ 13 ★ 20.4KiB

icon

Anytype Web Clipper Extension · Productivity 20,000+ 37 ★ 21.99MiB

icon

Amplecap Beta Extension · Productivity 20,000+ 17 ★ 2.59MiB

icon

Raindrop.io Extension · Productivity 20,000+ 706 ★ 1.1MiB

icon

Save to Notion Extension · Productivity 20,000+ 965 ★ 1.55MiB

icon

SiYuan Extension · Productivity 20,000+ 29 ★ 51.76KiB

icon

Obsidian Clipper Extension · Productivity 20,000+ 8 ★ 52.87KiB

User reviews

icon

Yang Yuchun (ID: 0000001705e3ffcb) Voted 3 ★ - Updated 10/24/2023 It doesn't work. API key cannot be saved in this page Obsidian Web Settings.

icon

Tad Sampson (ID: 0000007a78a12408) Voted 4 ★ - Updated 10/05/2023 The plugin is good, but I'm unsure if I would prefer it over others. It doesn't work perfectly, and it seems like the developer doesn't respond to comments, which is unfortunate. A plugin should be easy to install and use. If it takes hours to make it work, it's not worth it. Perhaps it requires more work or better documentation. The issue I'm facing is adding to an existing note. The extension distinguishes between daily notes and regular notes. Since I don't use daily notes, I need it to append to an existing one, but it doesn't work. My workaround is creating a new note and using another plugin to extract the content. I use this plugin for customization purposes. It can be improved, definitely. It feels like it's only halfway done and hasn't been updated since its inception. I could be mistaken, and I hope I am, as I would love for the append notes feature to work. I gave it 2 stars due to the lack of documentation and clear examples, and 4 starts for what it does.

icon

Alexey Belkin (ID: 00000077d50c7a0b) Voted 2 ★ - Updated 08/29/2023 It does not paste content to the note created. It only records title, url and date. The rest remains empty whatever I try to do :(

icon

Jim Rasche (ID: 0000003d7f841c0c) Voted 5 ★ - Updated 07/13/2023 Exactly what I wanted for a simple and configurable read later browser extension. Thank you!

icon

Sergey (ID: 0000007a6b82c627) Voted 3 ★ - Updated 06/29/2023 so-so in case you are trying to copy anything but the plain paragraphs of text