A web clipper to download articles in markdown format. Turndown & Readability are used as core libraries.

Latest Version

Version
3.5.0
Update
February 27, 2025
Size
458KiB
Developer
Category
Users
0
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Downloads
Storage
ContextMenus
ClipboardWrite
Scripting
Offscreen
See more

MarkSnip - Markdown Web Clipper Extension

# MarkSnip - Markdown Web Clipper

MarkSnip is a powerful browser extension that helps you save web content in clean, formatted Markdown. Forked from the excellent [MarkDownload](https://github.com/deathau/markdownload/) extension, MarkSnip has been updated to Manifest V3 to comply with Chrome Extension Store requirements while adding enhanced features like improved table formatting, cleaner code blocks, and better overall readability.

## Features

- Clean article extraction using Mozilla's Readability.js
- Accurate HTML to Markdown conversion with Turndown
- Pretty-printed tables with customizable formatting
- Enhanced code block handling with language detection
- Image downloading and management
- Obsidian integration
- Extensive context menu options
- Customizable front/back matter templates
- Dark mode support

## For Developers

As a developer, documentation is crucial to your workflow. MarkSnip streamlines the process of saving technical documentation for use with Large Language Models (LLMs) and other development tools:

- **One-Click Documentation Export**: Instead of manually copying sections of API documentation, code examples, and explanations, capture entire documentation pages with a single click - complete with proper code block formatting and syntax highlighting.

- **LLM-Ready Format**: The clean Markdown output is perfect for feeding into LLMs for code assistance, making it easier to work with AI tools while coding.

- **Code Block Preservation**: All code snippets are automatically detected and preserved in fenced code blocks with proper language tags, maintaining syntax highlighting and formatting.

- **Batch Processing**: When researching multiple technologies, use the \"Download All Tabs\" feature to quickly save entire documentation sets as separate Markdown files.

- **Table Handling**: Technical specifications and API parameter tables are converted with clean formatting, making them easy to reference or process programmatically.

## Use Cases

### Developers
- Save API documentation for offline reference or LLM assistance
- Capture code snippets with proper syntax highlighting
- Build personal knowledge bases of technical solutions
- Archive GitHub READMEs and documentation
- Save Stack Overflow solutions with formatting intact

### Researchers
- Collect academic articles and papers for citation
- Save methodology sections with tables and figures
- Archive research data with proper formatting
- Create literature review collections
- Export conference proceedings

### Writers & Content Creators
- Save reference materials with proper attribution
- Capture style guides and brand documentation
- Archive published articles for portfolios
- Save inspiration pieces with images
- Create content briefs from multiple sources

### Students
- Save lecture notes and course materials
- Create study guides from online resources
- Archive educational articles and papers
- Save code examples from programming tutorials
- Collect reference materials for assignments

### Knowledge Workers
- Build personal knowledge management systems
- Save meeting notes and documentation
- Create project wikis from multiple sources
- Archive important emails and communications
- Save process documentation and workflows

### Data Analysts
- Save data documentation and schemas
- Capture methodology descriptions
- Archive data visualization explanations
- Save SQL queries and explanations
- Create data dictionaries from web sources

### Designers
- Save design system documentation
- Archive UI/UX patterns with examples
- Collect inspiration with images
- Save accessibility guidelines
- Create component documentation

## User Guide

1. **Basic Clipping**
- Click the MarkSnip icon in your browser toolbar
- Choose between clipping the entire page or selected text
- Edit the generated Markdown if needed
- Click \"Download\" to save as a .md file

2. **Context Menu Options**
- Right-click anywhere on a page to:
- Download the entire page as Markdown
- Copy the page as Markdown
- Download/copy selected text as Markdown
- Copy links and images as Markdown
- Right-click on your browser tabs to:
- Download all tabs as Markdown
- Copy tab links as a Markdown list

3. **Table Formatting Options**
- Strip links from tables
- Remove formatting (bold, italic, etc.)
- Enable pretty printing for clean alignment
- Center text in columns

4. **Image Handling**
- Download images alongside Markdown files
- Choose between various image reference styles
- Organize images in custom folders
- Convert images to base64 (optional)

## Obsidian Integration

MarkSnip supports direct integration with Obsidian via the Advanced URI plugin. To use this feature:

1. Install and enable the [Advanced Obsidian URI](https://vinzent03.github.io/obsidian-advanced-uri/) plugin in Obsidian
2. Configure your vault and folder settings in MarkSnip's options
3. Use the \"Copy to Obsidian\" context menu option or keyboard shortcut

The Advanced URI plugin helps bypass URL character limitations by using the clipboard as the source for creating new files.

## Keyboard Shortcuts

- Alt+Shift+M: Open MarkSnip popup
- Alt+Shift+D: Download current tab as Markdown
- Alt+Shift+C: Copy current tab as Markdown
- Alt+Shift+L: Copy current tab URL as Markdown link

## External Libraries

MarkSnip relies on several open-source libraries:

- [Readability.js](https://github.com/mozilla/readability) by Mozilla for content extraction
- [Turndown](https://github.com/mixmark-io/turndown) for HTML to Markdown conversion
- [highlight.js](https://highlightjs.org/) for code language auto-detection.
- [CodeMirror](https://codemirror.net/) for the Markdown editor

## Credits

- Original [MarkDownload](https://github.com/deathau/markdownload/) extension by deathau
- [CommonMark](https://github.com/dcurtis/markdown-mark) icon by Dustin Curtis
- All the amazing open-source libraries and their contributors

## Issues

If you have found an issue or have some feedback, feel free to email me [email protected].

## License

MarkSnip is open source software licensed under the MIT license.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "MarkSnip - Markdown Web Clipper", "version": "3.5.0", "author": "Dhruv Parikh", "description": "A web clipper to download articles in markdown format. Turndown & Readability are used as core libraries.", "icons": { "16": "icons/favicon-16x16.png", "32": "icons/favicon-32x32.png", "48": "icons/favicon-48x48.png", "128": "icons/appicon-128x128.png", "192": "icons/favicon-192x192.png", "512": "icons/favicon-512x512.png" }, "permissions": [ "activeTab", "downloads", "storage", "contextMenus", "clipboardWrite", "scripting", "offscreen" ], "host_permissions": [ "" ], "action": { "default_title": "MarkSnip", "default_popup": "popup/popup.html", "default_icon": { "16": "icons/favicon-16x16.png", "32": "icons/favicon-32x32.png", "48": "icons/favicon-48x48.png", "128": "icons/appicon-128x128.png" } }, "background": { "service_worker": "service-worker.js" }, "options_ui": { "page": "options/options.html", "browser_style": false, "open_in_tab": false }, "commands": { "_execute_action": { "suggested_key": { "default": "Alt+Shift+M" } }, "download_tab_as_markdown": { "suggested_key": { "default": "Alt+Shift+D" }, "description": "Save current tab as Markdown" }, "copy_tab_as_markdown": { "suggested_key": { "default": "Alt+Shift+C" }, "description": "Copy current tab as Markdown to the clipboard" }, "copy_selection_as_markdown": { "description": "Copy current selection as Markdown to the clipboard" }, "copy_tab_as_markdown_link": { "suggested_key": { "default": "Alt+Shift+L" }, "description": "Copy current tab URL as Markdown link to the clipboard" }, "copy_selected_tab_as_markdown_link": { "description": "Copy selected tabs URL as Markdown link to the clipboard" }, "copy_selection_to_obsidian": { "description": "Copy current selection as Markdown to Obsidian" }, "copy_tab_to_obsidian": { "description": "Copy current tab as Markdown to Obsidian" } }, "web_accessible_resources": [ { "resources": ["contentScript/pageContext.js"], "matches": [""] } ], "browser_specific_settings": { "gecko": { "id": {1c5e4c6f-5530-49a3-b216-31ce7d744db0}, "strict_min_version": "65.0" } }}
Read more

How to download and manually install MarkSnip - Markdown Web Clipper extension for Chrome

Looking for a way to install MarkSnip - Markdown 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 MarkSnip - Markdown Web Clipper extensions manually, this article outlines two simple methods to effortlessly install MarkSnip - Markdown Web Clipper extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download MarkSnip - Markdown Web Clipper extension and manually install through Drag &Drop

If you ever need to manually install a MarkSnip - Markdown 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 MarkSnip - Markdown Web Clipper Extension by clicking the "Download CRX" button on the website.

Look for the MarkSnip - Markdown Web Clipper extension you wish to install. Go to the website and download the MarkSnip - Markdown Web Clipper extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for MarkSnip - Markdown 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 MarkSnip - Markdown 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 MarkSnip - Markdown Web Clipper extension for Chrome and install in Developer Mode

This is another method to install MarkSnip - Markdown 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 MarkSnip - Markdown Web Clipper extension file

Select and download the MarkSnip - Markdown 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 MarkSnip - Markdown 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 MarkSnip - Markdown 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 MarkSnip - Markdown 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 MarkSnip - Markdown Web Clipper extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Adobe Acrobat: PDF edit, convert, sign tools Extension · Productivity 0 52558 ★ 1.9MiB

icon

AdBlock — block ads across the web Extension · Productivity 0 289518 ★ 58.08MiB

icon

Adblock Plus - free ad blocker Extension · Productivity 0 184990 ★ 55.82MiB

icon

Chrome Remote Desktop Extension · Productivity 0 2440 ★ 22.66KiB

icon

Free VPN for Chrome - VPN Proxy VeePN Extension · Productivity 0 26400 ★ 1.25MiB

icon

Zoom Chrome Extension Extension · Productivity 0 996 ★ 277KiB

icon

Google Keep Chrome Extension Extension · Productivity 0 7856 ★ 4.15MiB

icon

Save to Google Drive Extension · Productivity 0 4834 ★ 686KiB

icon

Office Editing for Docs, Sheets & Slides Extension · Productivity 0 5830 ★ 6.54MiB

icon

Avira Browser Safety Extension · Productivity 0 3033 ★ 1.68MiB

icon

Save to Pinterest Extension · Productivity 0 9880 ★ 606KiB

icon

Avira Password Manager Extension · Productivity 0 514 ★ 8.09MiB

icon

Superpowers for Chatgpt Extension · Productivity 0 24 ★ 2.33MiB

icon

1Password – Password Manager Extension · Productivity 0 2371 ★ 17.66MiB

icon

Awesome Screen Recorder & Screenshot Extension · Productivity 0 27940 ★ 10.64MiB

icon

AI Grammar Checker & Paraphraser – LanguageTool Extension · Productivity 0 10619 ★ 12.03MiB

icon

The QR Code Extension Extension · Productivity 0 441 ★ 1.03MiB

icon

Pop up blocker for Chrome™ - Poper Blocker Extension · Productivity 0 81258 ★ 2.7MiB

icon

Evernote Web Clipper Extension · Productivity 0 129703 ★ 4.13MiB

icon

Screen Recorder Extension · Productivity 0 1720 ★ 262KiB

icon

Signer.Digital Digital Signature, PKI Extension · Productivity 0 55 ★ 48.36KiB

icon

Microsoft Editor: Spelling & Grammar Checker Extension · Productivity 0 4337 ★ 3.35MiB

icon

Smart Color Picker Extension · Productivity 0 144 ★ 374KiB

icon

Keeper® Password Manager & Digital Vault Extension · Productivity 0 8352 ★ 83.61MiB