#25

I am not sure. It can be tricky to troubleshoot this because there are several variables that affect the bookmarklet (browser, OS, website you’re on, and title of the page). You might want to try out the MarkDownload extension as it is a bit more user friendly if you don’t want to poke around in the javascript.

1 Like
#26

i am following that plugin from the start , and eventho it is a good solution it doesn’t always work and recently i can’t download images with it for some unknown reason. there was another similar bookmarklet that used clipboard for the output i use at the moment. your plugin is a great improvement over that. I will try to troubleshoot the problem tomorrow.

on a side note, eventho I don’t know java, today, I was trying to modify that bookmarklet to get my desired metadata from youtube pages ( to use with yaml and dataview). can you guide me on how to get more metadata for that? I know that document.title gets the title of the page and window.location.href gets the url. I am specially like to get the channel name and video duration from that.

#27

Hey @kepano ,

Thanks for this, i got it working on my iPad which is amazing. Quick question. Can you talk about how you setup the Clippings page to also be autopopulated, and what plugins you utilize with that?

1 Like
#28

Sure, it’s using the amazing Dataview plugin. Here’s the basic template. You may need to edit if you have changed the #clippings tag and clipped:: variable

dataview
table clipped as "Clipped"
from #clippings 
sort clipped desc
2 Likes
#30

Sorry, one last quick question. I see how in the JavaScript how you would add in the Clippings/ to have things go to a particular folder, but how do i add that into the min.js file? I tried looking at a couple min compressor files but it wasn’t working out well.

#31

I would try the one mentioned in the readme which is called Bookmarklet Maker

#32

Hi, thanks for this “clipping”! Works great… except for images. I’ve read the previous comments as well as the link you gave in order to fix it, but I’m an Obsidian newbie and not an expert in js. As an example this page: so far I’ve got only text and links.
In advance, thanks for your kind support.

#33

Which images on that page are you trying to capture? The chart? You might be better off taking a screenshot and adding it to your note because the chart is a fairly complex element combining SVG/HTML/JS.

#34

Thanks for your reply. Yes, the chart. The fact that the chart data are changing all the time… I guess then I have to wait a new obsidian plugin to embed charts.

#35

Yes I think that’s a significantly different requirement. If you want it to stay live updated I would recommend that you search the forum or Discord for embedding iframes into a note. See the documentation on iframes here.

1 Like
#36

Perfect! Thank you very much!!! It works with iframes.

#37

Hello, @kepano!

Thanks for this useful code. Unfortunately, there is a following error on many of the sites, including https://forum.obsidian.md/ , which I was using for testing:

[Error] Refused to load https://unpkg.com/turndown@6.0.0?module because it does not appear in the script-src directive of the Content Security Policy.
[Error] Refused to load https://unpkg.com/@tehshrike/readability@0.2.0 because it does not appear in the script-src directive of the Content Security Policy.
[Error] Unhandled Promise Rejection: TypeError: Importing a module script failed.
	promiseEmptyOnRejected (22068:76)
	promiseReactionJob

Is there anything that can be done with this?
Thanks once again!

#38

This question has been answered a few times already both in this thread and on GitHub. The error will appear in browsers such as Vivaldi and certain sites that block execution of scripts. As far as I know the only options are to either use one of the bookmarklets linked above that don’t depend on the Readability script, or potentially try to embed that code into the bookmarklet itself though I have not tested this approach and could run into character limits for bookmarks.

#40

is there a way to modify this script so that this feeds into a specific QuickAdd Capture?

#41

Thank you very much sir ! Confirm it work like a charm on safari, ios 15. For most common page, it work well,

For who still cant make it work, just change the name of Bing bookmark in safari to whatever name you like, then copy paste (replace) that java code into the adress field. When u want to clipping, tap the bookmark icon, then tap that bookmark you just create, it will ask “open in obsidian”, then a new note with content appear in obsidian.

For more convenient, in Obsidian just create a folder called INBOX, then in obsidian setting: set every new note will be create into that INBOX folder. So from now on, all new clipped web will sit in that folder, waiting you to move around to rearrange

1 Like
#42

I have this working on iPadOS 15 but I can’t get it working on macOS with Safari. Anyone have this setup working?

#43

Huh. Rebooting my machine after installing Obsidian fixed it.

#44

Hello @kepano and @Moonbase59 !!!

First of all, I wanna thank you for sharing this bookmarklet with us. The ability to save an URL in markdown at as specific folder is amazing and very important in many of my workflows. Thanks!

I’m writing this message because I wanna share with you guys an idea that I have. Maybe this is something that you guys want to implement as a new feature.

I have a bunch of URL inside Obsidian (in notes) that I want to extract the content. Today I have to use the command Follow link under cursor to go to Safari and then use the bookmarklet to extract the content back to Obsidian.

A few days ago I saw this plugin at our community store: Javascript Init that gives us the feature of execute javascript scripts inside Obsidian.

Then I start to think: How about using this amazing bookmarklet to extract a URL content from Obsidian → Obsidian.

This way we could achieve both words for dealing with URLs:

  • Safari to Obsidian;
  • Obsidian to Obsidian.

I reach the developer of Javascript Init and he said that is possible. More information here

Unfortunately I don’t have skill to make this happen :frowning:

My objetive with this post is to show a new workflow for this bookmarklet and maybe @kepano and @Moonbase59 like this ideia and want to make this happen :slight_smile:

Thanks for reading this and have a great day!

1 Like
#45

Thank you very much! This booklet has changed my life significantly. It works perfectly on my Mac. However, it doesn’t work on my Window PC. When I run the booklet(with Chrome browser), it asks like “Will you open obsidian?” and if I choose “yes”, nothing happens. Does this booklet work only on a Mac or am I missing something?

#46

Thank-you. This, and the refinements on github are great. After scanning some documentation, I think Obsidian has great potential but has ignored their most common use case. Maybe I am missing something? I hope I am.

The documentation describes a note-first approach, and a link-first approach. If you are taking notes independent of the rest of the world this is ok. But I read web pages that Google and new services push to me constantly, or search, and almost all of my notes are web page-first. I used to share these to Pocket (terrible organization of pages) or other things. I resort to sharing them to an email message to myself to read the next day. What I want to do is push them to Obsidian, refine the metadata, and use existing or new tags to fit them into the tagging scheme.

I rarely start with notes. I am absorbing info that I want to tag, develop insight from, and link into more complex structures later.

A lot of potential because it is so flexible, but it is so horribly awkward to use for this type of thing, that people have to resort to bookmarklets that are much appreciated byt only [art of what we need. Obsidian can be morphed into something highly usable, but I have a day job.