SilverBullet Web Clipper for Chrome and Opera (BETA)

Tricks & Techniques
1

I’ve created a simple web clipper for SilverBullet.

SilverBullet Clipper is a browser extension that allows you to save either a URL or selected content from a page as markdown to SilverBullet. The capture is added as a Quick Note in the default SilverBullet inbox.

Please keep in mind that it is not guaranteed to work on all websites.

The beta version of the web clipper is on the chrome web store for anyone who wants to try it out.

The code is available in github.
GitHub release (latest SemVer)

I’m currently working on a Firefox version so hopefully this isn’t too far off

5 Likes
2

Just installed and tested it and mostly works nicely! What I noticed is that when you click the “Go to Quick note” link after capturing, it doesn’t fully work, it probably encodes the URL weirdly, I ended up at http://localhost:3000/Inbox/2024-05-19%2011%3A11%3A37.md which is broken (the .md also shouldn’t be there probably).

3

Thanks for the feedback Zef. It’s interesting, I’ve probably created over 100 pages and the link has never been an issue. I’ll have look.

4

Did you use the default quick note name or always change it?

5

Hi Zef, I set the name to the current date/time of when the capture button is pushed in the format of yyyy-mm-dd hh:mm:ss. What do mean by default quick note name?

6

Hi Zef, I’ve just published an update to the extension that formats the URL how it appears in SilverBullet and I’ve dropped the .md from the link. Hopefully this helps. https://chromewebstore.google.com/detail/silverbullet-clipper/nkapoagmecfkneiaejccgkhffdmfmhki

1 Like
7

The firefox version of the extension is now available: SilverBullet Clipper – Get this Extension for 🦊 Firefox (en-US)

3 Likes
8

Thanks a lot. The Firefox extension didn’t work in the beginning, but then after a day or two it did. Great! It does not seem to be compatible with Firefox mobile, though

9

For me it’s working fine in the Firefox for Android App.

10

Now it is working fine here as well! Thanks!

11

This is awesome, thanks for making it and sharing!

Any chance of being able to customize the note a little bit? e.g. I like having the source url in the frontmatter

12

SilverBullet Clipper is now available for Firefox and Firefox for Android

Mozilla Add-on Version

2 Likes
13

Hi justyns, I’m glad you’re enjoying the extension. Can you give me more details on the enhancement you’d like to see, I don’t understand what you mean. Thanks!

14

Sure, as an example - when I highlight one of your messages on this thread and use the extension, I get this note:

#foo

SilverBullet Clipper is now available for Firefox and Firefox for Android

[![Mozilla Add-on Version](https://img.shields.io/amo/v/silverbullet-clipper?style=for-the-badge&logo=firefox&logoColor=white)](https://addons.mozilla.org/addon/silverbullet-clipper/)

source: https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/11

I’d like to be able to customize a template used to create the note, to get something like this instead:

---
source_url: https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/11
source_title: SilverBullet Web Clipper for Chrome and Opera (BETA) - Showcase - SilverBullet Community
tags: foo
created: 2024-05-25
---
SilverBullet Clipper is now available for Firefox and Firefox for Android

[![Mozilla Add-on Version](https://img.shields.io/amo/v/silverbullet-clipper?style=for-the-badge&logo=firefox&logoColor=white)](https://addons.mozilla.org/addon/silverbullet-clipper/)

It’s not a big deal, having the extension at all means I don’t have to copy/paste as much.

15

Ah, I get it. I’ve been thinking about capturing the title of the page and I already have the other information. How would you see it work. Would I create a place in the configuration where you can select to use frontmatter and a place to map to frontmatter variables. For example, in your case, URL gets mapped to source_url, title gets mapped to source_title etc.

16

A new version of the SilverBullet Clipper has been released. Firefox version is available, Chrome version should be available tomorrow

Mozilla Add-on Version

1.1.0

  • Added the option to append the web page title to the note’s title when on the capture page. The default is don’t append
  • Added the option to default the append web title checkbox to true. The default is false
  • Added the option to set the length of the note’s title (the default is 70 characters). Trailing ‘…’ will show that the title has been concatenated
2 Likes
17

A new version of the SilverBullet extension has been released. The firefox version is currently available and the chrome version should be approved by tomorrow

v1.1.1

  • Fixed broken links when capturing web page content. The links were relative but now are fully qualified
  • Fixed broken page source link when the URL contained markdown characters. By default, Turndown escapes markdown characters

Mozilla Add-on Version

4 Likes
18

Sorry for the late reply. I’ve been using the extension a lot, and it’s working great!

Would I create a place in the configuration where you can select to use frontmatter and a place to map to frontmatter variables.

I’m conflicted on what to suggest. Maybe a simple solution would just be a checkbox like “Save page metadata as yaml frontmatter” or something similar? Mapping variables would be nice too, but I’m not sure if it’s worth it or not.

19

I’ve just released an update that has an option to save the page metadata as frontmatter

6 Likes
20

@daveb , this is great, thanks for putting it together, I am wondering if the source code is available to look at as I am interested in how plugins work