Skip to main content
J
Janicen16-Pearl
16-Pearl
February 7, 2024
Question

Implementing Client-Side JavaScript to Copy Text

  • February 7, 2024
  • 2 replies
  • 1341 views

Hi all,

 

I would like to copy my string from thingworx to my clipboard. I have found 2 ways of doing so in javascript.

1.  .execCommand("copy");

2. navigator.clipboard.writeText

 

the issue is that thingworx does not support these 2 methods because it is a client-side operation.

How can I incorporate my custom JavaScript code in my mashup?  What are the steps?

 

My ultimate goal is to copy text from a mashup to a clipboard.

Best Regards

2 replies

B
Bikash_Panda14-Alexandrite
14-Alexandrite
February 7, 2024

@Janicen  you can create a simple widget extension for the same purpose.

Rocko
Rocko19-Tanzanite
19-Tanzanite
February 8, 2024

If you're entitled to ThingWorx Analytics, you can download the TWX Analytics Extension. It contains multiple sub-extensions you can install individually. One extension is called "CopyToClipboard-button" and you can use this either as it is or take it as a template.

The widget copies the value of it's bound "analyticsCopyToClipboardButton" Property to the clipboard. You would bind the copyToClipboard service to an event, e.g. a button click.

If you want to copy arbitrary selections, not just widget or service return values, you would have to change one function in the runtime.js to this (by removing some lines):

var copyPropertyToClipboardFunction = function(){
 document.execCommand('copy');
}

 

    Terms & ConditionsAccessibility statement