Copy Paste

If you want your page visitor to copy and paste some information, feel free to use this code. An example can be seen on the Interest Blocks documentation page.

In the HTML, your code should look like this:

<input type="text" id="copyme" value="this is something i want to be copied" />
<button type="button" data-copytarget="#copyme">copy</button>
<script src="https://dixie.edu/wp-content/themes/dixie-s15/js/extras/copy-to-clipboard.js"></script>

Make some changes, such as updating the input ID (make sure it matches the data-copytarget of the button) and changing the value that you want to be copied. It should look something like this:


You can test the result by pasting to this textbox:

Styling is still being worked on. If you have any further questions, reach out to the webservices@dixie.edu team!