通过按钮将突出显示的HTML复制到剪贴板

Question

目标

我正在尝试将<table id=signature>复制到剪贴板，以便可以将内容粘贴到丰富的HTML文本框中，同时保留其结构和图像。

问题

当我们使用Jquery剪贴板/复制方法（如document.execCommand("copy");）时，我们最终会使用纯文本而不是像预览窗口中生成的签名那样的丰富HTML。

编辑：如果我突出显示签名并复制它，它的工作就像一个魅力。我正在尝试为用户模拟“突出显示和复制”，以便他们不必这样做。

<div id="preview">
    <table id="signature">
        <tbody>
            <tr>
                <td></td>
            </tr>
        </tbody>
    </table>

    <div id="copy-signature">
        Copy Signature
    </div>
</div>

Answer 1

您可以在元素的style属性中设置所有CSS，将<img>元素src设置为data URL，然后设置.outerHTML { {1}}元素到剪贴板。