Javascript - Copy string to clipboard as text/html

Question

Is there a way in javascript to copy an html string (ie xx) into the clipboard as text/html, so that it can then be pasted into for example a

Answer 1

There is a much simpler solution. Copy a section of your page (element) than copying HTML.

With this simple function you can copy whatever you want (text, images, tables, etc.) on your page or the whole document to the clipboard. The function receives the element id or the element itself.

function copyElementToClipboard(element) {
  window.getSelection().removeAllRanges();
  let range = document.createRange();
  range.selectNode(typeof element === 'string' ? document.getElementById(element) : element);
  window.getSelection().addRange(range);
  document.execCommand('copy');
  window.getSelection().removeAllRanges();
}

How to use:

copyElementToClipboard(document.body);
copyElementToClipboard('myImageId');