https://github.com/webclipper/web-clipper
For Notion,OneNote,Bear,Yuque,Joplin。Clip anything to anywhere
https://github.com/webclipper/web-clipper
chrome-extension notion onenote readability web-clipper yuque
Last synced: 10 months ago
JSON representation
For Notion,OneNote,Bear,Yuque,Joplin。Clip anything to anywhere
- Host: GitHub
- URL: https://github.com/webclipper/web-clipper
- Owner: webclipper
- License: other
- Created: 2018-10-16T17:00:34.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2024-09-29T14:52:59.000Z (over 1 year ago)
- Last Synced: 2025-05-13T22:01:53.944Z (10 months ago)
- Topics: chrome-extension, notion, onenote, readability, web-clipper, yuque
- Language: TypeScript
- Homepage: https://clipper.website
- Size: 6.31 MB
- Stars: 6,396
- Watchers: 65
- Forks: 593
- Open Issues: 223
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- Awesome-Extensions - Universal Web Clipper - CN/firefox/addon/universal-web-clipper/) [🟢](https://chrome.google.com/webstore/detail/web-clipper/mhfbofiokmppgdliakminbgdgcmbhbac) [🔵](https://microsoftedge.microsoft.com/addons/detail/web-clipper/opejamnnohhbjflpbhnmdlknhjkfhfdp) | (标签页管理)
- jimsghstars - webclipper/web-clipper - For Notion,OneNote,Bear,Yuque,Joplin。Clip anything to anywhere (TypeScript)
- awesome-starred-test - webclipper/web-clipper - For Notion,OneNote,Bear,Yuque,Joplin。Clip anything to anywhere (TypeScript)
- definitive-opensource - Web Clipper
- awesome-github-star - web-clipper
- StarryDivineSky - webclipper/web-clipper - clipper 是一款专为内容整理设计的浏览器扩展工具，其核心功能是将网页内容快速剪贴至支持的笔记应用（包括 Notion、OneNote、Bear、Yuque、Joplin 等主流平台）。项目通过浏览器扩展技术实现，用户只需点击扩展图标，即可选择当前网页的文本、图片或整个页面内容，并指定目标笔记应用进行同步。工具的工作原理基于浏览器 API 捕获页面内容，通过预设的 API 接口或导出格式（如 Markdown、富文本等）将数据传输至对应应用，无需用户手动复制粘贴。其特色在于高度适配性，支持多平台笔记工具的无缝衔接，同时提供简洁的操作流程，显著提升信息整理效率。对于研究人员、学生或需要高频整理网络信息的用户，该项目能有效减少跨平台操作的复杂度。开发团队持续优化兼容性，确保主流浏览器（Chrome、Edge 等）和笔记应用的更新同步，同时支持自定义剪贴规则和内容格式，满足个性化需求。项目开源且文档完整，用户可通过 GitHub 获取源码并参与改进，适合对工具链灵活性有要求的用户群体。 (前端开发框架及项目 / 前端项目_其他)
README
Web Clipper
You can use Web Clipper to save anything on the web to anywhere.
### Support Site
- [FlowUs](https://flowus.cn/)
- [Obsidian](https://obsidian.md/)
- [Github](https://github.com)
- [Yuque](https://www.yuque.com)
- [Buildin.AI](https://buildin.ai/product)
- [Notion](https://www.notion.so/)
- [Youdao](https://note.youdao.com/)
- [OneNote](https://www.onenote.com/)
- [Bear](https://bear.app)
- [Joplin](https://joplinapp.org/)
- [Server Chan](http://sc.ftqq.com/3.version)
- [dida365](https://dida365.com/)
- [baklib](https://www.baklib-free.com/)
- [wolai](https://www.wolai.com/)
- [Leanote](https://github.com/leanote/leanote)
- [Flomo](https://flomoapp.com/)
- [Siyuan](https://b3log.org/siyuan)
- [Ulysses](https://ulysses.app/)
- [Confluence](https://www.atlassian.com/software/confluence)
### Install
- [Chrome](https://chrome.google.com/webstore/detail/web-clipper/mhfbofiokmppgdliakminbgdgcmbhbac)
- [Edge](https://microsoftedge.microsoft.com/addons/detail/opejamnnohhbjflpbhnmdlknhjkfhfdp)
ps: Because the review takes a week, the version will fall behind.
#### From Github
1. Download the webclipper.zip from [release page](https://github.com/webclipper/web-clipper/releases)
2. Go to **chrome://extensions/** and check the box for **Developer mode** in the top right.
3. Locate the ZIP file on your computer and unzip it.
4. Go back to the chrome://extensions/ page and click the **Load unpacked extension** button and select the unzipped folder for your extension to install it.
### Develop
```bash
$ git clone https://github.com/webclipper/web-clipper.git
$ cd web-clipper
$ npm i
$ npm run dev
```
- You should load the 'dist/chrome' folder in Chrome.
- You should load the 'dist/manifest.json' folder in Firefox.
### Test
```bash
$ npm run test
```
### Feedback
| Type | Link |
| -------- | ---------------------------------------------------- |
| Telegram | [Link](https://t.me/joinchat/HoVttRRUIA6aXASixzoqAw) |