如何从选择中去除html标签

Question

我想从内容可编辑 div 内的选定文本中去除 html 标记。假设选定的文本是这样的：

<div contenteditable="true">
  <span style="color:red">some text</span>
</div>

所以我尝试了这个：

window.getSelection().anchorNode.parentNode.replace(/<\/?[^>]+>/gi, '');

但我得到一个错误，说替换不是一个函数。我也在下面尝试过：

window.getSelection().anchorNode.parentNode.remove();

但这也会删除文本。这里有什么交易？

谢谢。

Answer 1

像这样

const editable = document.querySelector('div');
const button = document.querySelector('button');

button.addEventListener('click', () => {
  alert(editable.innerText);
});

   <div contenteditable="true">
    <span style="color:red">some text</span>
   </div>
   
   <button>Show me the text</button>