Question

当我在内部写作时，如何删除DIV Contenteditable中除<img>和<br>之外的所有HTML代码

<div id='aa' contenteditable='true'></div>

到目前为止我正在使用

$('#aa').text()

但它会删除所有内容

我试着用这个

$('#aa').keydown(function(e) {
var datasts=$("#aa").html();
datasts=datasts.substr(datasts.length - 1);
if (e.keyCode === 13) {
document.execCommand('insertHTML', false, 'enter');
return false;
}
});
document.getElementById("aa").addEventListener("input", function() {
var a=$("#aa").text();
$("#aa").html(a.replace('enter', '<br/>'));
}, false);

但结果不是最大的

这是我改变的代码

<div id='aa' contenteditable='true'></div>

<button onclick="$('#aa').html('<img src='https://ichef.bbci.co.uk/news/976/media/images/83351000/jpg/_83351965_explorer273lincolnshirewoldssouthpicturebynicholassilkstone.jpg'>');">
aa
</button>

<script>
$('#aa').keydown(function(e) {
var datasts=$("#aa").html();
datasts=datasts.substr(datasts.length - 1);
if (e.keyCode === 13) {
document.execCommand('insertHTML', false, '<br>');
return false;
}
});
document.getElementById("aa").addEventListener("input", function() {
$("#aa").children().not("br, img").remove();
}, false);
</script>

我想在写作位置删除html标签。当复制html时，html标签将自动删除

Answer 1

尝试这个，如果那个孩子不是br或者img，那将删除#aa的任何孩子

$("#aa").children().not("br, img").remove()

JQUERY：如何在DIV中删除除BR和IMG之外的所有HTML标记

1 个答案: