复制到剪贴板,然后维护HTML元素,例如颜色字体和图标

时间:2019-07-10 04:44:34

标签: reactjs

我正在制作一个电子邮件签名页面,希望能够使用“复制到剪贴板”按钮。

我可以使用它,尽管它粘贴了实际的html,而不是粘贴准备好包含在Outlook或mac mail中的格式化图形。例如

但它会复制整个tabel标签,而我要复制的所有文本都带有字体和颜色

componentDidUpdate(prevProps,prevState,快照){

console.log("in emai body value to copy is-->",this.props.copy);
//innerHtml from text and outterHtml for source
if(this.props.copy){

  var copyText = document.getElementById("myInput").innerText;
  const el = document.createElement('textarea');
  el.value = copyText;
  document.body.appendChild(el);
  el.select();
  document.execCommand('copy');
  document.body.removeChild(el);
}

like this

0 个答案:

没有答案