为什么控制台日志中没有行结束 html
why there is no line ends in console logging a 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>
请写在#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>