cpdown: Copy Web Content as Markdown Text 77

小编 · 2025-06-22

cpdown is a practical browser extension that primarily helps users copy web content as clean Markdown text, solving the messy HTML tag issues of traditional copy methods. Beyond one-click content copying, it can also extract YouTube video subtitles, automatically filter out web ads and unwanted elements, and display the token count of the content for easy integration with large language models (LLMs). Additionally, it supports keyboard shortcuts, significantly boosting productivity.

cpdown: Copy Web Content as Markdown Text

cpdown is a practical browser extension whose main function is to help users copy webpage content as clean Markdown format, solving the problem of messy HTML tags in traditional copying methods. It not only allows one-click copying of webpage content, but also extracts YouTube video subtitles, and automatically filters webpage ads and unwanted elements, while displaying the token count of the content, making it convenient for interfacing with large language models (LLMs). In addition, it also supports keyboard shortcut operations, greatly improving work efficiency.

cpdown：将网页内容复制为Markdown格式文本.webp

Features

One-click copy webpage content: By clicking the cpdown icon in the browser toolbar or using keyboard shortcuts, users can quickly copy webpage content in Markdown format.
Extract YouTube video subtitles: When watching YouTube videos, users can easily copy video subtitles in Markdown format.
Automatically filter webpage ads and unwanted elements: Automatically remove unnecessary HTML elements such as scripts, styles, and iframes from the webpage, ensuring that the copied content is clean and tidy.
Display token count of content: Shows the token count of copied content, which is very useful for users who need to interface with large language models (LLMs).
Supports keyboard shortcut operations: Users can quickly copy content through customizable keyboard shortcuts.

Use Cases

Content creators (such as bloggers, article writers): Can quickly convert online content into Markdown format, making it easy to format and edit in the editor.
Academic researchers: When reading online papers, can easily copy key information into Markdown documents, making it convenient for organizing and citing.
Knowledge sharers: When sharing content on social media, forums, and other platforms, webpage content can be quickly formatted as Markdown, making the shared content clearer and more professional.

Tech Stack

Cursor: Optimizes the developer experience.
WXT (Web Extension Toolkit): Serves as the foundational framework for building browser extensions.
React: A JavaScript library used to build user interfaces.
Shadcn UI: Provides user interface components.
Sonner: Implements toast notification functionality.
Tailwind CSS: A practical CSS framework used for styling.
Defuddle and Mozilla Readability: Used to extract the main content of webpages and clean up HTML code.
Turndown: Converts HTML to Markdown.
tiktoken: Calculates the token count of copied content.

Project Highlights

One-click copy: Quickly copy webpage content through the toolbar icon or shortcut keys.
Content extraction: Uses Defuddle or Mozilla Readability algorithms to extract main content and remove redundant HTML elements.
Customizable configuration: Supports users to adjust settings according to their needs, such as selecting extraction algorithms, toggling success notifications, enabling celebration animations, etc.
Cross-platform compatibility: Supports both Chrome and Firefox browsers simultaneously.