Obsidian Web Clipper Bookmarklet with full Markdown support for images, headings, and code blocks

I am trying to modify this awesome script and suit it to my need, also combine it with Templater. The issue is when I use Templater “<% %>” it don’t work anymore. If I change the code to copy the final results to clipboard instead of using obsidian URI it works. The original code certainly can handle this kind of symbols in the content of page. I have no idea why writing it down in the code causes trouble. Can someone please help with this issue. It is bothering me so much for some reason.

PS. The issue with % was because of changing to Advanced URI plugin, there is a bug with that. But still have problem. It works for some websites but nothing happens on other sites. I have no idea why. Can someone help?

1 Like

Somehow the “original” (early release) of this “bookmark code” work well. If in setting, i set “folder to create new note in” is UNSORTED folder, the clipped articles away goes exactly into it.

But the latest, newer version of this bookmark wont do that anymore, new clipped articles away create in the very root folder, then i have to move it around to desire folder. If we do web clipped alot, it will make a big cluster in the explorer panel which is not so please to the eyes. Hope the dev “kepano” fix it !

Again, thanks for this amazing bookmark clipped ! This is no doubt the best webclipper for obsidian !

I continue to regularly enjoy using this Web Clipper for Safari on an iPhone. It’s great! But, I use a Windows desktop machine and when I try to use Obsidian Sync to sync the clipped notes there are many errors because of illegal characters in note names. I am trying to find a solution to this.

For a while now, my workflow has been to just separately sync these notes using another sync service then use the PowerRename utility to bulk replace the illegal characters in theses notes. Usually these notes are just articles and resources that aren’t heavily linked with other notes in my vault by the time they make it to my computer, so the fixing of the links broken when removing the illegal characters hasn’t been problematic enough to require a new workflow. But, when I recently reread this thread, I noticed that the Windows version of this Web Clipper bookmarklet automatically removes the illegal characters in the first place.

So, if anyone knows how or whether it would be possible to modify the version that I am using for iPhone to remove the illegal characters the way the Windows version does I would greatly appreciate it.

Thanks in advance!

I can also confirm that this works on my iPad Pro and it is absolutely amazing. Also works when highlighting portion of text if don’t want full page sent to Obsidian. Thank you. I am using iOS 16 latest developer version on Safari.

Wonderful plug-in … I’m using it on my iPhone (iOS 16) with Safari. Works very well. Many thanks.

A few months ago I started using this bookmarklet in my daily workflow. I had a few issues that were unrelated to the bookmarklet directly, such as security settings of the site I was trying to highlight, etc.

I updated the bookmarklet code to embed the Turndown code in the bookmarklet itself, which gets around the security setting issues. I also took the ideas from Turndown-ext and embedded some code to support highlighting tables to work with the ‘Advanced Table’ obsidian plugin.

I wrapped this all up in a new obsidian plugin that I have submitted for release. Here is the info.

I have tested this on Mac, iOS, Windows, and Linux(xdg-open works but I can’t figure out how to get the browser to support obsidian-url).

1 Like

Thank you for a brillint plugin. I used to use MarkDownload, but this bookmarklet is more convenient since it added notes directly to Obsidian.

I’ve added a little improvement to my workflow. I converted a bookmarklet to Chrome extention using this tool - Convert bookmarklet to Chrome extension.

I don’t like having Bookmarks bar open, since it eats lot’s of real estate. And by turning a bookmarlet to extention I was able to add it to Chrome’s main toolbar and close Bookmarks bar.

Disclaimer: I don’t know how safe this tool is. I just found it by googling.

1 Like

@kepano: wonderful job! I’m using extensively both for my research vault and for my personal one. And here it comes a question: would it be possible to customize the script to have multiple bookmarklets for multiple vaults? I’m not a coder but in the javascript I see there are 2 possible variables: “const vault” and “const folder”. What if I created two different bookmarks for two vaults so that I can directly store my work clippings in my work vault and my personal clippings to my personal one? Would it work?
Thanks!

My bad: I saw that @ganesshkumar created a service to accomplish that:

And it work like a charm!

This is so cool! I can’t believe I haven’t come across this yet.

I wonder… do you think it would be possible to somehow use this with Raycast?

Your extension maker doesn’t seem to work for me, but I’ve found another solution to your problem that can be interesting for other people:

The Powerlet extension for Chrome (I use it on Brave), groups all your Bookmarklets under a single button on the extensions bar. So you save screen real estate and it only takes two clicks to run any bookmarklet. Also, the icon and pane look straightforward and cool:

Screenshot 2023-01-05 212051

With this thing and short names, I can use 4 bookmarklets on desktop and mobile with minimum hassle. I hope you people find it useful.

Has anyone else had any trouble getting the clipper by kepano to work recently? I am guessing I probably just need to remove and then reset it up. However, I have been using it as is for the longest time until the last few days when it doesn’t seem to want to respond. I will post again if I get it sorted out.

Thanks in advance.

Working fine on iOS as of this post :+1: (2023-01-13 08:00)

1 Like

That is strange. I am on iOS as well and am pasting the content from https://gist.githubusercontent.com/kepano/90c05f162c37cf730abb8ff027987ca3/raw/db9989a228802e40aff96bea7a12046719b369b2/obsidian-web-clipper.min.js to the Address of a Safari bookmark as shown in image. Not sure why it is no longer working. Thanks for the confirmation that it should be working. I will get to the bottom of this. I didn’t realize how reliant I was upon this.

Thanks!

A few posts up there’s a generator: https://obsidian-clipper-maker.ganesshkumar.com, maybe give that a try and re-do it?

1 Like

Thanks. I tried and unfortunately it still doesn’t work for me. To be sure, I just wanted to verify the process of using it.

  1. Open article
  2. Tap on the address bar
  3. Tap on the created Web Clipper bookmark
  4. Wait for the dialog and choose to open in Obsidian

Thanks once again!

I trigger it like this:

  • article is open
  • tap bookmarks
  • tap the name you gave it
  • confirmation modal
  • obsidian opens
1 Like

Thanks for that. Unfortunately still no luck with that method either. But at least I have narrowed it down. I appreciate your help very much.

1 Like

Is there a way to change date format? to any of these?

  1. MMMM dd, yyyy

or preferably these?
2. M/dd/yy
3. M/dd/yy, h:mm a

This works perfectly with hyperweb, a screenshot of what it look like, just one click to save web to vault.

Thanks so much for this fantastic extension!

hyperweb integrated this clipper, you could try if that works.

1 Like