Bom dia, recentemente eu estava escrevendo esse código e tive alguns problemas, eu gostaria de obter o número de linhas do conteúdo de uma div "contenteditable" e levar esses valores (números) para outra div.
Segue o meu código simplificado:
$(document).one('paste',function(e) {
setTimeout(function() {
var x = $('#input').contents().length;
$("#line").append ('<div>'+x);
},100);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<div contenteditable="true" id="input" spellcheck="false"></div>
<div id="line"><div>0</div></div>
Os resultados que eu estou obtendo quando o número de linhas em #input é 4:
<div id="line">
<div>0</div>
<div>4</div>
</div>
Simulação dos resultados que eu gostaria de obter quando o número de linhas em #input é 4:
<div id="line">
<div>0</div>
<div>1</div>
<div>2</div>
<div>3</div>
</div>
Apenas lembrando que em <div id="line"><div>0</div></div>
já temos um zero inicialmente.
Resumidamente o problema é que estou obtendo apenas uma div com o valor de todas as linhas, eu gostaria de ter uma div para cada linha.
Na espera de alguma ajuda, obrigado.