Copy Button
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Flowpoints_ml | 332 | 4 years ago | 3 | mit | JavaScript | |||||
| An intuitive approach to creating deep learning models | ||||||||||
| Cheval | 236 |  | 2 | 3 years ago | 4 | January 29, 2021 | 1 | mpl-2.0 | JavaScript | |
| :clipboard: Copy to the clipboard using JavaScript without writing JS. A full solution for all browsers and all devices. LibreJS compliant. | ||||||||||
| Pyrobot | 217 | 4 years ago | 5 | mit | Python | |||||
| A pure python windows automation library loosely modeled after Java's Robot Class. | ||||||||||
| Xmousepasteblock | 204 | 2 years ago | C | |||||||
| Userspace tool to disable middle mouse button paste in Xorg | ||||||||||
| 16counters | 116 | 4 years ago | unlicense | Assembly | ||||||
| GUI for those who don't do GUI | ||||||||||
| Macpaste | 106 | 2 years ago | 3 | unlicense | C | |||||
| Global middle-mouse-click copy/paste for Mac OSX (C). | ||||||||||
| Docsify Copy Code | 92 |  | 1 | 5 | a month ago | 8 | August 18, 2023 | 1 | mit | JavaScript |
| A docsify plugin that copies Markdown code block to your clipboard | ||||||||||
| Codehighlighter For Typecho | 92 | 5 years ago | 1 | JavaScript | ||||||
| 基于 prismjs 的代码语法高亮插件 for Typecho，可显示语言类型、行号，有复制代码到剪切板功能。 | ||||||||||
| React Share Button | 86 | 7 years ago | 1 | mit | JavaScript | |||||
| 📱 React share button component with web-share api and fallback modal with native intent urls | ||||||||||
| Ember Cli Clipboard | 74 |  | 306 | 16 | a month ago | 24 | November 15, 2021 | mit | JavaScript | |
| A simple ember wrapper around clipboard.js | ||||||||||
<copy-button></copy-button>
A web-component that is not relying on Flash to copy stuff into the clipboard. Experience may vary, based on browser support, with downgrading to using prompt.
Installation
NPM
npm i --save copy-button
after which you're good to use copy-button &
- require it from your main file
- add 'node_modules/copy-button/bundled.min.js' as script in your html
CDN
You can also use it from wzrd.in CDN and drop
<script src='https://wzrd.in/standalone/copy-button@latest'></script> into your html
Usage
After having script ran, you're good to use <copy-button></copy-button> in your markup.
Inner content
If you're not specifying inner content, it would default to 'Click to copy to clipboard', otherwise provided content would be inserted into the button. Can use icons here, etc. See example
target-text
If you specify target-text attribute on button, provided value will be copied to clipboard. Example
target-element
If you specify target-element attribute on button, value or text of provided DOM node will be copied to clipboard (it will be retrieved using document.getElementById if value will be specified as #specifiedID or document.querySelectorAll in other cases). See examples
Under the hood
Built on top of document.registerElement polyfill & copy-to-clipboard
