How To Add Copy To Clipboard Buttons
How To Add Copy To Clipboard Buttons
Description About Copy To Clipboard Buttons
In this guide, i will discuss how to add this useful feature to HTML5 outputs that you generate from your own MadCap Flare project.
Have you ever tried to highlight and copy a specific selection of text using a phone or tablet device?
Even today, as mobile technology changes and moves forward, this basic task can be an exercise in patience and dexterity.
Fortunately, authors and developers of HTML5 help systems can incorporate a clipboard button that makes copying text easier for all users, whether they are using a mobile device or a desktop computer.
As an example, your organization may have users who regularly need to copy text strings that make up specific commands for an application.
You can add a button to copy any string of text, URLs, commands, code, templates, and more.
While browsing through the web, you may have come across buttons that let you copy a string of text.
For example, GitHub displays the clone URL of a repository with a button that allows you to copy the Git command to your clipboard with one click.
Your users will benefit from copying the text they need with the click of a button, rather than manually highlighting and copying text.
Steps To Adding copy to clipboard button
The script part to find all the pre blocks having code in it and append a copy button to it dynamically.
The style part to place our copy button at the specified location(on top right of every code block in this case).
Note: Above Code Will Be Replaced With.
✓The Style Part
that you can create html field with long article or code inside a box, where you want to copy text quickly, i prefer this method when I want to copy text quickly ,i use html and css code together This code is very easy and I personally i prefer it.
✓Script Copy To Clipboard
By DAMIDROIDTV©️
