# SilverBullet Web Clipper for Chrome and Opera (BETA)

**URL:** https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446
**Category:** Tricks & Techniques
**Created:** [May 18, 2024, 12:42am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446 "2024-05-18T00:42:51Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![daveb](https://community.silverbullet.md/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@daveb](https://community.silverbullet.md/u/daveb)
#### Post date: [May 18, 2024, 12:42am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/1 "2024-05-18T00:42:51Z")

</div>

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.  
[![](https://img.shields.io/chrome-web-store/v/nkapoagmecfkneiaejccgkhffdmfmhki?style=for-the-badge&logo=googlechrome&logoColor=white&label=google%20chrome%20store&labelColor=grey)](https://chromewebstore.google.com/detail/silverbullet-clipper/nkapoagmecfkneiaejccgkhffdmfmhki)

The code is available in github.  
[![GitHub release (latest SemVer)](https://img.shields.io/github/v/release/davecburke/silverbullet-clipper?style=for-the-badge&sort=semver)](https://github.com/davecburke/silverbullet-clipper/releases/latest)

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

---

<div class="post-metadata">

### Author: ![zef](https://community.silverbullet.md/user_avatar/community.silverbullet.md/zef/32/7_2.png) [@zef](https://community.silverbullet.md/u/zef)
#### Post date: [May 19, 2024, 9:11am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/2 "2024-05-19T09:11:17Z")

</div>

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).

---

<div class="post-metadata">

### Author: ![daveb](https://community.silverbullet.md/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@daveb](https://community.silverbullet.md/u/daveb)
#### Post date: [May 19, 2024, 12:25pm UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/3 "2024-05-19T12:25:16Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![zef](https://community.silverbullet.md/user_avatar/community.silverbullet.md/zef/32/7_2.png) [@zef](https://community.silverbullet.md/u/zef)
#### Post date: [May 19, 2024, 5:11pm UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/4 "2024-05-19T17:11:21Z")

</div>

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

---

<div class="post-metadata">

### Author: ![daveb](https://community.silverbullet.md/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@daveb](https://community.silverbullet.md/u/daveb)
#### Post date: [May 19, 2024, 11:08pm UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/5 "2024-05-19T23:08:25Z")

</div>

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?

---

<div class="post-metadata">

### Author: ![daveb](https://community.silverbullet.md/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@daveb](https://community.silverbullet.md/u/daveb)
#### Post date: [May 21, 2024, 5:46am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/6 "2024-05-21T05:46:51Z")

</div>

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](https://chromewebstore.google.com/detail/silverbullet-clipper/nkapoagmecfkneiaejccgkhffdmfmhki)

---

<div class="post-metadata">

### Author: ![daveb](https://community.silverbullet.md/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@daveb](https://community.silverbullet.md/u/daveb)
#### Post date: [May 21, 2024, 7:12am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/7 "2024-05-21T07:12:04Z")

</div>

The firefox version of the extension is now available: [SilverBullet Clipper – Get this Extension for 🦊 Firefox (en-US)](https://addons.mozilla.org/en-US/firefox/addon/silverbullet-clipper/)

---

<div class="post-metadata">

### Author: ![TheNomad11](https://community.silverbullet.md/user_avatar/community.silverbullet.md/thenomad11/32/65_2.png) [@TheNomad11](https://community.silverbullet.md/u/TheNomad11)
#### Post date: [May 24, 2024, 9:34am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/8 "2024-05-24T09:34:28Z")

</div>

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

---

<div class="post-metadata">

### Author: ![daveb](https://community.silverbullet.md/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@daveb](https://community.silverbullet.md/u/daveb)
#### Post date: [May 24, 2024, 9:56am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/9 "2024-05-24T09:56:49Z")

</div>

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

---

<div class="post-metadata">

### Author: ![TheNomad11](https://community.silverbullet.md/user_avatar/community.silverbullet.md/thenomad11/32/65_2.png) [@TheNomad11](https://community.silverbullet.md/u/TheNomad11)
#### Post date: [May 24, 2024, 10:32am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/10 "2024-05-24T10:32:37Z")

</div>

Now it is working fine here as well! Thanks!

---

<div class="post-metadata">

### Author: ![justyns](https://community.silverbullet.md/user_avatar/community.silverbullet.md/justyns/32/132_2.png) [@justyns](https://community.silverbullet.md/u/justyns)
#### Post date: [May 24, 2024, 10:24pm UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/11 "2024-05-24T22:24:30Z")

</div>

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

---

<div class="post-metadata">

### Author: ![daveb](https://community.silverbullet.md/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@daveb](https://community.silverbullet.md/u/daveb)
#### Post date: [May 25, 2024, 12:10am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/12 "2024-05-25T00:10:43Z")

</div>

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/)

---

<div class="post-metadata">

### Author: ![daveb](https://community.silverbullet.md/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@daveb](https://community.silverbullet.md/u/daveb)
#### Post date: [May 25, 2024, 12:14am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/13 "2024-05-25T00:14:14Z")

</div>

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!

---

<div class="post-metadata">

### Author: ![justyns](https://community.silverbullet.md/user_avatar/community.silverbullet.md/justyns/32/132_2.png) [@justyns](https://community.silverbullet.md/u/justyns)
#### Post date: [May 25, 2024, 7:48am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/14 "2024-05-25T07:48:46Z")

</div>

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

```markdown
#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:

```markdown
---
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.

---

<div class="post-metadata">

### Author: ![daveb](https://community.silverbullet.md/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@daveb](https://community.silverbullet.md/u/daveb)
#### Post date: [May 26, 2024, 1:58am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/15 "2024-05-26T01:58:27Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![daveb](https://community.silverbullet.md/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@daveb](https://community.silverbullet.md/u/daveb)
#### Post date: [May 31, 2024, 7:08am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/16 "2024-05-31T07:08:47Z")

</div>

A new version of the SilverBullet Clipper has been released. Firefox version is available, Chrome version should be available tomorrow  
[![](https://img.shields.io/chrome-web-store/v/nkapoagmecfkneiaejccgkhffdmfmhki?style=for-the-badge&logo=googlechrome&logoColor=white&label=google%20chrome%20store&labelColor=grey)](https://chromewebstore.google.com/detail/silverbullet-clipper/nkapoagmecfkneiaejccgkhffdmfmhki)

[![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/)

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

---

<div class="post-metadata">

### Author: ![daveb](https://community.silverbullet.md/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@daveb](https://community.silverbullet.md/u/daveb)
#### Post date: [June 7, 2024, 4:57am UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/17 "2024-06-07T04:57:51Z")

</div>

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

[![](https://img.shields.io/chrome-web-store/v/nkapoagmecfkneiaejccgkhffdmfmhki?style=for-the-badge&logo=googlechrome&logoColor=white&label=google%20chrome%20store&labelColor=grey)](https://chromewebstore.google.com/detail/silverbullet-clipper/nkapoagmecfkneiaejccgkhffdmfmhki)

[![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/)

---

<div class="post-metadata">

### Author: ![justyns](https://community.silverbullet.md/user_avatar/community.silverbullet.md/justyns/32/132_2.png) [@justyns](https://community.silverbullet.md/u/justyns)
#### Post date: [July 2, 2024, 9:48pm UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/18 "2024-07-02T21:48:25Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![daveb](https://community.silverbullet.md/letter_avatar_proxy/v4/letter/d/b5a626/32.png) [@daveb](https://community.silverbullet.md/u/daveb)
#### Post date: [July 5, 2024, 1:08pm UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/19 "2024-07-05T13:08:42Z")

</div>

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

---

<div class="post-metadata">

### Author: ![terr-steak](https://community.silverbullet.md/user_avatar/community.silverbullet.md/terr-steak/32/192_2.png) [@terr-steak](https://community.silverbullet.md/u/terr-steak)
#### Post date: [December 17, 2024, 3:19pm UTC](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446/20 "2024-12-17T15:19:52Z")

</div>

@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

[Next page](https://community.silverbullet.md/t/silverbullet-web-clipper-for-chrome-and-opera-beta/446.md?page=2)
