I want to strip html tags out of a selected text which is inside a content editable div. Lets say selected text is something like this:
<div contenteditable="true">
<span style="color:red">some text</span>
</div>
So I tried this:
window.getSelection().anchorNode.parentNode.replace(/<\/?[^>]+>/gi, '');
but I get an error that says replace is not a function. I tried also this below:
window.getSelection().anchorNode.parentNode.remove();
but this will remove also the text. Whats the deal here?
Thank you.
Like this
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>