javascript - 如何最好地将格式化文本复制到剪贴板

Question

我知道有一百万篇关于如何将 JavaScript 变量复制到剪贴板的帖子。我偏向于这种方法:

window.prompt("Copy to clipboard: Ctrl+C, Enter", output);

但是，我想知道如何获得包含粗体的变量。我想要的结果是我可以将变量粘贴到单词中并将其一部分加粗。我正在尝试像这样设置变量:

var output = "something <b>bold section</b> something else";

我不想用 HTML 逐字导出它，我想导出它，就好像我选择并复制了以下内容:

一些粗体部分其他一些东西

我怎样才能最好地实现这个结果？

Answer 1

我认为you can't设置提示窗口的样式。

但是一个可能的方法，对于 recent browsers (IE9+)，就是使用Selection API而不是 prompt() 技巧:

btn.onclick = function() {
  // create a modal
  var p = document.createElement('p');
  p.innerHTML = "something <b>bold section</b> something else";
  document.body.appendChild(p);
  // create a new range of our message
  var range = document.createRange();
  // get the textNodes
  var nodes = p.childNodes;
  // start our range at first node
  range.setStart(nodes[0], 0);
  // end it at last
  range.setEnd(nodes[nodes.length - 1], nodes[nodes.length - 1].length);
  // create a Selection object
  var sel = getSelection();
  // remove existing ranges
  sel.removeAllRanges()
  // set our new one
  sel.addRange(range);
}

<button id="btn">show the text to copy</button>