如何解决如何避免在 contenteditable 上出现新的跨度和内联样式
contenteditable div,里面有两个 div
将光标放在 lorem
的末尾并点击 delete
或 - 将光标放在 ipsum
之前并点击 Backspace
然后点击按钮
结果: - <div>loremipsum</div>
这是正常的行为
现在,如果我像这样更改 css:.wrap{color:orange; font-size:1.2rem;}
结果是这样的:<div>lorem<span style='...'>ipsum</span></div>
如何避免新的跨度和内联样式?
$('button').on('click',function(){
console.log($('.wrap').html());
});
.wrap{color:orange;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='wrap' contenteditable>
<div>lorem</div>
<div>ipsum</div>
</div>
<button>CLICK</button>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。