CONTENTEDITABLE - 如何刪除HTML標籤選擇文本

Question

如何刪除HTML標籤在contenteditable與選擇文本

function testdemo() { 
//what is next 
.... 
} 

前：

<button onclick="testdemo();">RUN</button> 

<div id="test" contenteditable="true"> 
    <b>Lorem ipsum</b> dolor sit amet, <span style="color:red;">ea ignota verear</span> quaerendum 
</div> 

後：

<div id="test" contenteditable="true"> 
    Lorem ipsum dolor sit amet, ea ignota verear quaerendum 
</div> 

預先感謝您

Answer 1

function testdemo() { 
 
    var div = document.getElementById('test'); 
 
    div.innerHTML = div.textContent; 
 
}

<button onclick="testdemo();">RUN</button> 
 

 
<div id="test" contenteditable="true"> 
 
    <b>Lorem ipsum</b> dolor sit amet, <span style="color:red;">ea ignota verear</span> quaerendum 
 
</div>

Answer 2

jQuery的版本將是如下：

function testdemo() { 
 
    $("#test").html($("#test").text()); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button onclick="testdemo();">RUN</button> 
 

 
<div id="test" contenteditable="true"> 
 
    
 
</div>

Answer 3

試試這個：

JS：

function testdemo() { 
    var div = document.getElementById('test'); 
    div.innerHTML = div.textContent; 
} 

的Jquery：

function testdemo() { 
    $('#test').html($('#test').text()); 
} 

Answer 4

看看這會有所幫助。

function testdemo() { 
$('#test').html($('#test').text()).text();​ 
}