为什么控制台记录 html 中没有行结束

如何解决为什么控制台记录 html 中没有行结束

请写在#cedit

lorem
ipsum
dolor

控制台将是：

lorem<div>ipsum</div><div>dolor</div> 

如何在控制台中获取行结束，如下所示：

lorem
<div>ipsum</div>
<div>dolor</div> 

所以我只有一个对象 - html 而不是多个对象来在它们之间插入 '\n'

$('#cedit').on('input',function(){
let a = $(this).html();
console.log(a);
});

#cedit{
background:gold;
min-height:99px;
padding:9px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='cedit' contenteditable></div>

解决方法

这样做：

$('#cedit').on('input',function(){
let a = $(this).html();
console.log(a.replaceAll("<div","\n<div"));
});

#cedit{
background:gold;
min-height:99px;
padding:9px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='cedit' contenteditable></div>