Author: | MoralistFestus |
---|---|
Views Total: | 260 views |
Official Page: | Go to website |
Last Update: | November 24, 2020 |
License: | MIT |
Preview:

Description:
A lightweight, fast, performant JavaScript library that enables visitors to copy any text to the clipboard for further use.
How to use it:
1. Insert the ClipLab library into the document.
<script src="./src/cliplab.js"></script>
2. Create a Copy button and define the text to be copied in the data-copy-text
attribute.
<button id="copyme" data-copy-text="This text will be copied"> Copy Me </button>
3. Initialize the ClipLab library on the Copy button and done.
new ClipLab("#copyme");
4. Or enable the Copy button to copy text from another element like input field.
<input class="input" value="Press Copy to copy this text"></input> <button id="example" data-attr-selector=".input"> Copy Content From Input </button>
new ClipLab("#example");
5. Event handlers.
const copyText = new ClipLab("#example"); copyText.onCopied = function(copy) { alert("Copied: " + copy) }; copyText.notCopied = function(copy) { window.prompt("Ctrl+C: ", copy); };