Estou fazendo um input text usando contenteditable, o que preciso é um botão em Javascript que ao clicar de o focus nesse campo, até consegui, mas depois disso preciso colocar o cursor no final do conteúdo, para o usuário continuar editando, para o funcionamento ser igual a um input, lemabrando que dentro dessa div pode ter também divs e spans, veja o que já tenho:
$(document).on('click', '.btn', function (e) {
$('.formfield').focus();
});
.formfield{
width: 200px;
height: 30px;
display: block;
margin-bottom: 15px;
border: solid 1px #000000;
resize: none;
}
.btn{
width: 80px;
height: 30px;
line-height: 30px;
display: block;
margin-bottom: 15px;
background-color: #380303;
color: #ffffff;
text-align: center;
cursor: pointer;
}
<div class="formfield" contenteditable="true">Text <span>aa</span></div>
<div class="btn">get focus</div>
<script src="https://code.jquery.com/jquery-1.12.3.js" integrity="sha256-1XMpEtA4eKXNNpXcJ1pmMPs8JV+nwLdEqwiJeCQEkyc=" crossorigin="anonymous"></script>