MarkClipper insert clipped web contents directly into obsidian local vault. No config required. Highlighter. Open source

Latest Version

Version
1.0.16
Update
December 10, 2024
Size
205KiB
Developer
noterail.co
Category
Users
3,000+
Rating
4.17857 ★
Manifest Version
3
Web Store Status
Languages Support
Bahasa Indonesia
Deutsch
English
Français
Nederlands
Norsk
Tiếng Việt
Türkçe
Español
Italiano
Polski
Português (Brasil)
Slovenský
Svenska
čeština
български
русский
українська
עברית
हिन्दी
ไทย
‫العربية
中文 (简体)
中文 (繁體)
日本語
한국어
See more
Permissions
SidePanel
ContextMenus
DeclarativeNetRequestWithHostAccess
ActiveTab
Scripting
Storage
See more

markClipper - obsidian web clipper Extension

📢 markClipper saves clipped web contents directly to your obsidian vault without any config. Al summary. Open source.

📌 Why you should consider this:
✪ Save web contents directly to obsidian's vault
✪ Clip web contents into markdown format
✪ Al summary, Mindmap and Highlight powered by ChatGPT
✪ Capture screenshot and insert it into vault in two clicks.
✪ Insert image into your obsidian's vault
✪ Insert current tab or all tabs' articles
✪ Drag-n-drop images and selected text
✪ Highlighter and insert highlighted text into notes
✪ Zero config and no separate obsidian plugins are required
✪ No need to keep obsidian app open.
✪ No signup required
✪ Free and Open source:https://github.com/anilkumarum/mark-clipper
✪ You can also insert clipped contents into Joplin or Logseq
✪ Lightweight & 75KB only
✪ Themes
✪ no tracking, no Ads
✪ dark mode

⌨️ keyboard shortcuts
Ctrl+Shift+X ⇒ Open markClipper popup window
Alt + S ⇒ Capture Screenshot
Alt+M ⇒ enable multi select text (no need to open popup window)
Alt + A ⇒ Clip article (Need to open popup window)
Alt + T ⇒ Open side panel (Need to open popup window)
Esc ⇒ Close all open notes in side panel
Ctrl + Shift + E ⇒ export all open notes in side panel
Ctrl + E ⇒ export focused note in side panel
Alt + C ⇒ Copy focused note's content in side panel
Alt + D ⇒ Open note files drawer in side panel
Ctrl+ Z ⇒ undo ctrl+c copy (work only when copy listener on)
Ctrl+ Y ⇒ redo ctrl+c copy (work only when copy listener on)
Ctrl+Shift +Z ⇒ undo highlight
Ctrl+Shift +Y ⇒ redo highlight
Alt + H ⇒ highlight (work only when copy listener on)
Ctrl+ Shift + H ⇒ remove highlight
Shift + Space ⇒ extend selection

...more keyboard shortcuts on extension's options page

Note: This is unofficial markdown web clipper extension for Obsidian.

📌 == FEATURES ==

✅ Save content directly to Obsidian's vault
Give file permission and your work is done.
Extension convert web content into markdown format and directly insert formatted web contents into your vault

✅ Clip article in one click
If you want summarize current webpage or create mindmap then change clip content type.
keyboard shortcut: Alt +A (works when popup window open)
Clip article from current tab or all open tabs in one click.
you can add frontmatter and download articles' images into \"images\" folder.

✅ Persistent text Highlighter
Highlight text and save highlighted text into selected notes.
Highlighted text will be visible when you re-visit webpage
For remove highlight, Select again highlighted text and press Ctrl + Shift + H.
For disable highlight, Go to options page

Fastest highlighter in Chrome web store.
markClipper highlights text without creating new DOM elements.
Read more: https://web.dev/dom-size-and-interactivity/

✅ Save images with correct file path
This extension insert image file into your vault and adds correct image path as markdown link in selected notes
if you need to save images from clipped articles then you need to enable it from extension's options page.
If you want to change download images folder location, config in options page

✅ Zero configuration
No separate obsidian plugins required. No configuration required

✅ Work with any local folder not only vault
Give write permission in any local folder e.g “downloads/web-clipped” or “vault/web-clipped”
You can use this extension for clip web contents into \"Logseq\" or \"Joplin\"

♻️ Permissions
sidePanel:Show side panel
activeTab:Required to read current tab's title and url
scripting:Inject screenshot and markdown converter tools storage:Save extension configurations
contextMenu:Add context menu on images

⌨️ Keyboard shortcuts
Ctrl+Shift+X: Open extension's popup window
Alt + S: Capture screenshot
For config keyboard shortcuts, paste this url in address bar:
chrome://extensions/shortcuts
Alt+I ⇒ Insert frontmatter in open notes (focus require on notes or window)
Alt + Z ⇒toggle word wrap in open notes (focus require on notes or window
Alt+A ⇒ Clip article (work when popup window open)
Alt+T ⇒ Open side panel (work when popup window open)
Alt+M ⇒ Multi select text
Ctrl + B , Ctrl + I ⇒ format bold, italic
Delete ⇒ delete line in note in side panel

Read more about file security
https://developer.chrome.com/articles/file-system-access/#security-considerations

For Brave browser
File API is disabled by default.
You need to enable this flag \"brave://flags/#file-system-access-api\" to work in brave browser.

Till chromium 117:Vivaldi doesn't support side panel API

Edge browser
I don't test this extension in Edge browser. Maybe work

Opera browser
I don't test this extension in Opera browser

Arc browser
I cann't test this extension in Arc browser because arc browser is not available on linux and arc browser doesn't provide extension developer docs

ℹ️ Support
Please report issues on github issues https://github.com/anilkumarum/mark-clipper/issues
For detail guide, visit:https://markclipper.noterail.site/guide
For contact, Please mail us on 📧 [email protected]
Join markClipper on google Groups: https://groups.google.com/g/markclipper

You can change side panel position from settings -> appearance

Obsidian logo is owned by https://obsidian.md

🚀 Version 1.0.16
⇒ FIXED: Can't summarize webpage when chatGPT logged in
⇒ FIXED: Cross-origin clip image
⇒ FIXED: Highlighted text don't show on page reload
⇒ FIXED: Note/Image don't save in user defined folder

🚀 Version 1.0.13
⇒ FIXED: whitespace between texts
⇒ FIXED: metadata not show in obsidian bug fixed
⇒ IMPROVED: Rich bookmark with thumbnail & description
⇒ ADDED: Description added in frontmatter
⇒ ADDED: Frontmatter auto-added when clip article

🚀 Version 1.0.12
⇒ FIXED: multi select text bug fixed
⇒ FIXED: website-specific clip article issue fixed
⇒ ADDED: Extract youtube transcript in clip article option
⇒ ADDED: Summarize youtube video

1.0.11
⇒ ADDED: ChatGPT AI summary, MindMap and Highlight added
⇒ ADDED: Now you can change Download images folder location
⇒ ADDED: Now you can change new note filename format
⇒ ADDED: Now you can change new note folder path
⇒ ADDED: Press Alt + C to copy current focused note

🚀 1.0.10
⇒ 🐛 FIXED: Fix paste issue in side panel note
⇒ 🐛 FIXED: cannot auto clip article from some websites bug fixed
⇒ 🐛 FIXED: Copy listener ui bug fixed
⇒ IMPROVED: Clip article improved
⇒ ADDED: Press Alt + T to close side panel
⇒ ADDED: Press Alt + A to auto clip article from other webpages when side panel open

🚀 Version 1.0.2
⇒ FIXED: Add note in note selectlist(maulti-select,screenshot,right click) when new note created
⇒ FIXED: Note selectlist is empty when extension updated
⇒ FIXED: Nested note now available in popup bookmark note list
⇒ FIXED: 2 layer Nested note path issue fixed in right click context menu
⇒ ADDED: notify via toast when clip images, multi select text
⇒ ADDED: cancel select button added in multi select text
⇒ ADDED: Insert pdf file button show when pdf file open in tab
⇒ markClipper now available in 16+ languages

🚀 1.0.1
🐛 Create new note in side panel issue fixed

🚀 1.0.0
- Minimum chrome version 123
- ADDED: Open notes popup move to left file drawer
- ADDED: Restore opened notes options added
- ADDED: keyboard shortcut added
- ADDED: Create new note inside vault added in file drawer
- FIXED: Give access button in vault permission dialog issue fixed

🚀 0.0.94
🐛 Bug Fixed
- Switch vault checkbox now working
- Highlight switch now working
- Download images issue fixed
- Frontmatter date format issue fixed
- Clip article data improved

✅ Added
- Create new note option in screenshot, multi select text, context menu
- show dialog when vault permission required
- add permission manager page link in options and popup page
⌨️ Shift + Space for extend selection (when copy-listener active)
⌨️ Alt + H for highlight text (when copy-listener active)
🌈 Theme configuration added

🚀 0.0.90
🌈 Markdown syntax color added
🖼️ Download images options added below \"add frontmatter\"
📖 Toggle word wrap button on right side of note box
⌨️ Format Keyboard shortcut: Format bold (ctrl+B), Format italic (ctrl+I)
⌨️ Delete line Keyboard shortcut: Delete
html to markdown converter improved
🐛Context menu issue added
🐛 Screenshot top cut issue fix
✅ Note filelist (use in context menu, screenshot,multi_select text) refresh button added in permission manager
✅ YYYY/MM/DD date format added
✅ locale: Russain,Japanese,Portuguese added

🚀 0.0.85
🐛 filename .md.md issue fixed
✅ Notelist (show in context menu,screenshot) updated when chrome start
✅ Add notelist sync icon in vault permission manager

🚀 0.0.8
🐛 Fix screenshot issue
✅ locale: hindi,chinese added

🚀 0.0.8
🖍 Save highlighted text
📍Mutli select text
📝 Basic editing helper added e.g open enter open marker (*([_) then closing marker (*)]_) auto added
🎲 Undo(ctrl+z) & Redo (ctrl+Y) support on ctrl+c copy and drag-n-drop text
Ctrl+Shift+X to open popup window
⌨️ Ctrl + C auto-copy into selected note when side panel open
⌨️ Alt + A keyboard shortcut to clip artice (open popup window open)
⌨️ Alt + M keyboard shortcut to enable multi select text (open popup window open)

🚀 0.0.6 release
📁 file rename issue fixed
📖 Brave file api guide added

🚀 0.0.5 release
🖍 Text Highlighter added
🌅 Saved imaged from clipped articles added
🐛 Medium.com bug fixed
🐛 Duplicate permission page issue fixed
📁 Images now saved in `images` folder
⚠️ Read all data from all sites permission removed
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx","manifest_version": 3,"minimum_chrome_version": "123","offline_enabled": true,"default_locale": "en","name": "__MSG_extName__","description": "__MSG_extDescription__","short_name": "markClipper","version": "1.0.16","author": "NoteRail","icons": {"128": "icon-128.png","24": "icon-24.png"},"action": {"default_title": "__MSG_open_markclipper__","default_popup": "popup/index.html"},"options_page": "options/index.html","side_panel": {"default_path": "panel/index.html"},"background": {"service_worker": "background/background.js","type": "module"},"commands": {"_execute_action": {"suggested_key": {"default": "Ctrl+Shift+X","windows": "Ctrl+Shift+X","mac": "Ctrl+Shift+X","linux": "Ctrl+Shift+X"}},"screenshot": {"suggested_key": {"default": "Alt+S"},"description": "__MSG_capture_screenshot__"},"multi_select_text": {"suggested_key": {"default": "Alt+M"},"description": "__MSG_multi_select_text__"}},"web_accessible_resources": [{"resources": ["scripts/highlighter/Highlighter.js","scripts/clip-article/auto-clip-article.js","scripts/clip-article/metadata-extractor.js","scripts/generator/enums.js","scripts/generator/mark-generator.js","scripts/generator/mark-txt-generator.js","scripts/screenshot/crop-box.js","scripts/screenshot/shot-cropper-F2MR2UT2.css","scripts/func-script.js"],"matches": [""]}],"declarative_net_request": {"rule_resources": [{"id": "ruleset_request_header","enabled": true,"path": "./request_header.json"}]},"permissions": ["sidePanel","contextMenus","declarativeNetRequestWithHostAccess","activeTab","scripting","storage"],"optional_host_permissions": [""]}
Read more

How to download and manually install markClipper - obsidian web clipper extension for Chrome

Looking for a way to install markClipper - obsidian web clipper extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install markClipper - obsidian web clipper extensions manually, this article outlines two simple methods to effortlessly install markClipper - obsidian web clipper extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download markClipper - obsidian web clipper extension and manually install through Drag &Drop

If you ever need to manually install a markClipper - obsidian web clipper extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the markClipper - obsidian web clipper Extension by clicking the "Download CRX" button on the website.

Look for the markClipper - obsidian web clipper extension you wish to install. Go to the website and download the markClipper - obsidian web clipper extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for markClipper - obsidian web clipper extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the markClipper - obsidian web clipper extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download markClipper - obsidian web clipper extension for Chrome and install in Developer Mode

This is another method to install markClipper - obsidian web clipper extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the markClipper - obsidian web clipper extension file

Select and download the markClipper - obsidian web clipper extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the markClipper - obsidian web clipper extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your markClipper - obsidian web clipper extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the markClipper - obsidian web clipper extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install markClipper - obsidian web clipper extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Readily Extension · Productivity 3,000+ 11 ★ 3.13MiB

icon

Save To Obsidian Extension · Productivity 3,000+ 5 ★ 13.9KiB

icon

Obsidian clipper Extension · Productivity 3,000+ 4 ★ 461KiB

icon

Obsidian Web Clipper Extension · Productivity 3,000+ 96 ★ 412KiB

icon

Save to Obsidian Extension · Productivity 3,000+ 1 ★ 51.21KiB

icon

Save ChatGPT to Obsidian markdown file Extension · Productivity 3,000+ 9 ★ 364KiB

icon

Search Obsidian in Google Extension · Productivity 3,000+ 7 ★ 131KiB

icon

Clipsidian Extension · Productivity 3,000+ 1 ★ 308KiB

icon

Omnivore Extension · Productivity 3,000+ 54 ★ 158KiB

icon

Obsidian Web Extension · Productivity 3,000+ 67 ★ 641KiB

icon

Obsidian clipper Extension · Productivity 3,000+ 7 ★ 1.15MiB

icon

Unofficial Obsidian Web Clipper Extension · Productivity 3,000+ 11 ★ 117KiB

icon

Obsidian Clipper Extension · Productivity 3,000+ 34 ★ 309KiB

icon

MarkDownload - Markdown Web Clipper Extension · Productivity 3,000+ 146 ★ 403KiB

icon

obsidian-livesync-webclip Extension · Productivity 3,000+ 3 ★ 78.67KiB

icon

Fleeting Notes Extension · Productivity 3,000+ 19 ★ 1.34MiB

icon

Joplin Web Clipper Extension · Productivity 3,000+ 96 ★ 120KiB

icon

Logseq Quick Capture Extension · Productivity 3,000+ 20 ★ 24.68KiB

icon

Web Clipper Extension · Productivity 3,000+ 182 ★ 1.55MiB

icon

Copy as Markdown Extension · Developer Tools 3,000+ 31 ★ 31.6KiB

icon

Anytype Web Clipper Extension · Productivity 3,000+ 37 ★ 21.99MiB

icon

Readwise Highlighter Extension · Productivity 3,000+ 54 ★ 3.04MiB

icon

Klippper: Notion Web Clipper Extension · Productivity 3,000+ 10 ★ 169KiB

icon

Obsidian Clipper Extension · Productivity 3,000+ 8 ★ 52.87KiB

User reviews

icon

Michael (ID: 000000b5de234e61) Voted 1 ★ - Updated 09/09/2023 Looks promising. But failed at first hurdle for me. Unable to add vault permission with error "showDirectoryPicker" is not defined. Installing on Brave Browser.

icon

BZQamy (ID: 00000051b82c0a8c) Voted 5 ★ - Updated 08/25/2023 Be Cautious. this extension needs permission to access local folder e.g. vault folder. I request you to please experiment with empty vault. I found only this obsidian web clipper that append clipped contents directly into vault. I am experimenting with this obsidian clipper whether i should stick with this or not ??

icon

Avataar admin (ID: 000000fda81a1bdf) Voted 5 ★ - Updated 08/23/2023 This extension finally did it what other extensions said it is impossible. Only web clipper extension in whole Chrome web store that save web contents directly into local disk. I thank developer for this amazing and time-saving extension. But it has one caveat: Write permission revoke on reload tab or re-open Chrome browser. You need to grant permission again.