場(chǎng)景：富文本中排版好的文字，需要復(fù)制到剪貼板，并確保粘貼到word和其他的富文本的時(shí)候樣式保持不變。

方法一：富文本編輯器中，選擇區(qū)域，然后執(zhí)行

  let editor = document.getElementById('element');//要復(fù)制的結(jié)點(diǎn)

  let range = document.createRange();

  window.getSelection().removeAllRanges();//先清除掉選中區(qū)域

  range.selectNode(editor);

  window.getSelection().addRange(range);

  let res = document.execCommand("copy");

  window.getSelection().removeAllRanges();

方法二：通過監(jiān)聽copy事件，將帶有Html文本樣式寫入剪貼版中

  let article = "<h1>你好，這是H1</h1><p style='color:red'>這是段落主體內(nèi)容,<b>這里是加粗</b></p>";

  let copyHandler = this.copy(article)

  document.addEventListener('copy',copyHandler);

  document.execCommand('copy');

  removeEventListener('copy',copyHandler);


 function copy(article) {

  return function(event) {

    event.clipboardData.setData("text/html", article);//設(shè)置格式text/html

    event.preventDefault();

  };

},