Add a button to save tweets to Raindrop.io with a custom title, note, and tags.
当前为
# OneClick Save to Raindrop.io for Twitter (X) UserScript
This UserScript enhances your Twitter (X) browsing experience by adding a dedicated "Save to Raindrop.io" button directly to each tweet. This allows you to quickly and efficiently bookmark tweets to your Raindrop.io collection with pre-filled, intelligent information.
## Features
- **One-Click Saving:** Save tweets to Raindrop.io with a single click, eliminating the need to manually copy URLs and titles.
- **Intelligent Title Generation:** Automatically generates a comprehensive title for the Raindrop.io bookmark, formatted as: `User Display Name (@username) on X/Twitter: "Tweet Text..."` The title is truncated to a maximum of 255 characters to avoid some limitation.
- **Dynamic Note:** The `note` field in Raindrop.io will be pre-filled with the **full text of the tweet**.
- **Automatic Tagging:** Adds relevant tags to your Raindrop.io bookmark:
- The current host (`x.com` or `twitter.com`).
- The username of the tweet author (e.g., `samuraipreneur` for `@samuraipreneur`).
- **Custom Icon:** A distinct floppy disk icon is added next to the existing tweet action buttons for easy identification.
- **Responsive:** Works seamlessly as new tweets load on the page, ensuring the button is always available.
## Usage
1. **Navigate to Twitter (X):** Open `twitter.com` or `x.com` in your browser.
2. **Locate a Tweet:** Scroll through your feed or navigate to a specific tweet.
3. **Click the Raindrop.io Button:** Look for the floppy disk icon that appears next to the tweet's action buttons (like reply, retweet, like, bookmark).
4. **Save:** Clicking this button will open a new browser tab or window, redirecting you to the Raindrop.io "add link" page with the tweet's URL, generated title, note, and tags already pre-filled. You can then add it to your collection.
## How it Works
The script operates by using a `MutationObserver` to monitor changes in the DOM. When new tweets are loaded (e.g., as you scroll or navigate), the script detects them and injects the custom "Save to Raindrop.io" button.
Upon clicking the button:
1. It extracts the tweet's original URL, the author's display name, username, and the tweet's full text.
2. It constructs a Raindrop.io "add link" URL (`https://app.raindrop.io/add`) with query parameters for `link`, `title`, `note`, and `tags`.
3. The `title` is formatted for clarity and truncated.
4. The `note` is populated with the tweet's full text.
5. The `tags` include the platform's hostname (`x.com` or `twitter.com`) and the tweet author's username (without the `@` symbol).
6. Finally, it opens this constructed URL in a new browser tab, allowing Raindrop.io to process the bookmark.
## Customization
Currently, the script's behavior is hardcoded for the Raindrop.io "add link" URL, title, note, and tag generation logic. For advanced customization, you would need to modify the script's source code directly within your UserScript manager.
## License
This script is released under the [MIT License](https://opensource.org/licenses/MIT "null").
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址
