Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过按钮将突出显示的HTML复制到剪贴板_Javascript_Jquery_Html - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 通过按钮将突出显示的HTML复制到剪贴板

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

javascript jquery html

Javascript 通过按钮将突出显示的HTML复制到剪贴板,javascript,jquery,html,Javascript,Jquery,Html,目标 我正在尝试将复制到剪贴板，这样可以将内容粘贴到富HTML文本框中，同时保留其结构和图像 问题 当我们使用Jquery剪贴板/复制方法时，比如document.execCommand（“复制”）我们最终得到的是纯文本，而不是像预览窗口中生成的签名那样的富HTML 编辑：如果我突出显示签名并复制它，它就像一个符咒。我试图为用户模拟“突出显示并复制”，这样他们就不必这样做了 副本签名 您可以在元素的样式属性中设置所有CSS，将设置为数据URL，然后将\preview元素的.outerHTML

目标

我正在尝试将
复制到剪贴板，这样可以将内容粘贴到富HTML文本框中，同时保留其结构和图像

问题

当我们使用Jquery剪贴板/复制方法时，比如
document.execCommand（“复制”）我们最终得到的是纯文本，而不是像预览窗口中生成的签名那样的富HTML

编辑：如果我突出显示签名并复制它，它就像一个符咒。我试图为用户模拟“突出显示并复制”，这样他们就不必这样做了





副本签名

您可以在元素的
样式属性中设置所有CSS，将
设置为
数据URL
，然后将
\preview
元素的
.outerHTML
设置为剪贴板。
为什么签名在表中？@Prajwal我们计划将其粘贴到Gmail中并用作电子邮件签名。我们试着使用DIV，但在谷歌看来格式不正确。我们只是回到桌子上，因为这似乎有效。不确定要求是什么？@guest271314抱歉，我不确定你的意思。你想达到什么目的？您尝试过的代码有什么问题？您能澄清最后一部分吗？我们目前在元素上有所有的CSS，我只是从我的示例中删除了它以节省空间。你说将“预览”的outerHTML设置为剪贴板是什么意思？正是这个意思。在
复制
事件处理程序

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

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