#17

Weā€™re working on the boundaries here anyway: Older browsers donā€™t know how to, newer ones like Vivaldi simply reject for security reasons, the dynamic loading of modules in bookmarklets.

Still a very creative idea, and well done, for browsers that allow this.

(Once the browser devs learn what we do here, theyā€™ll probably stitch this potential security hole very fast ā€¦)

1 Like
#18

Yes, it would be easy to bake those modules in, but I wanted to keep the code relatively readable and editable for those who want to edit it. I havenā€™t run into many sites that block it so far.

1 Like
#19

Isnā€™t there, though, a limit on bookmarklet length which would make it difficult to bake those modules in? I know I ran into this with a bookmarklet to tag and save stuff to pinboard and had to rewrite it as an extension (which brings its own problems on mobile)

1 Like
#20

Hello! this is awesome! Is it possible to highlight the content, keep it on the clipboard and have jt paste it all to obsidian?
Something like this Bento - streamlined workflow for taking notes whiā€¦: https://youtu.be/9CKbMDmf-Rw

#21

A bookmarklet is probably not the best way to implement this functionality. Perhaps this feature could be added to an extension like MarkDownload. Maybe there are other extensions out there that do what youā€™re looking for. This Bento app seems like it should be compatible with Obsidian since it outputs markdown, but looks like itā€™s only for Android.

#22

Thanks for this great idea, but it does nothing for me. not getting that notification that shows in the demo and nothing happens in my vault. I am on win7, maybe that is a problem :frowning:

#23

Do you see any errors in the dev console?

#24

image
image538Ɨ774 34.3 KB

I am not sure where to look in it tbh,

the notification now appears. but i canā€™t find any note in my vault. the new note should be created like i am creating a new note, right? my setting is to be place in the current noteā€™s folder

#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!