Copy Rich Text to Clipboard Cross Platform & Browser

clipboard.js

/**
 * Copy rich text content to clipboard.
 *
 * Must be initiated by a user click event.
 *
 * @param {string} content
 */
export default function (content) {
    const selection = window.getSelection();

    const range = document.createRange();

    range.selectNodeContents(document.body);

    selection.removeAllRanges();

    selection.addRange(range);

    const listener = (e) => {
        e.clipboardData.setData("text/html", content);
        e.clipboardData.setData("text/plain", content);
        e.preventDefault();
    }

    document.addEventListener("copy", listener);

    document.execCommand("copy");

    document.removeEventListener("copy", listener);

    selection.removeAllRanges();
}