A web clipper to download articles in markdown format. Turndown & Readability are used as core libraries.
MarkSnip - Markdown Web Clipper Extension
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.
Source Manifest.json
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
Adobe Acrobat: PDF edit, convert, sign tools 0 52558 ★ 1.9MiB
AdBlock — block ads across the web 0 289518 ★ 58.08MiB
Adblock Plus - free ad blocker 0 184990 ★ 55.82MiB
Chrome Remote Desktop 0 2440 ★ 22.66KiB
Free VPN for Chrome - VPN Proxy VeePN 0 26400 ★ 1.25MiB
Zoom Chrome Extension 0 996 ★ 277KiB
Google Keep Chrome Extension 0 7856 ★ 4.15MiB
Save to Google Drive 0 4834 ★ 686KiB
Office Editing for Docs, Sheets & Slides 0 5830 ★ 6.54MiB
Avira Browser Safety 0 3033 ★ 1.68MiB
Save to Pinterest 0 9880 ★ 606KiB
Avira Password Manager 0 514 ★ 8.09MiB
Superpowers for Chatgpt 0 24 ★ 2.33MiB
1Password – Password Manager 0 2371 ★ 17.66MiB
Awesome Screen Recorder & Screenshot 0 27940 ★ 10.64MiB
AI Grammar Checker & Paraphraser – LanguageTool 0 10619 ★ 12.03MiB
The QR Code Extension 0 441 ★ 1.03MiB
Pop up blocker for Chrome™ - Poper Blocker 0 81258 ★ 2.7MiB
Evernote Web Clipper 0 129703 ★ 4.13MiB
Screen Recorder 0 1720 ★ 262KiB
Signer.Digital Digital Signature, PKI 0 55 ★ 48.36KiB
Microsoft Editor: Spelling & Grammar Checker 0 4337 ★ 3.35MiB
Smart Color Picker 0 144 ★ 374KiB
Keeper® Password Manager & Digital Vault 0 8352 ★ 83.61MiB