saída no Chrome :
<div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;">
hey
<div>what's up?</div>
<div>
<button id="insert_caret"></button>
Eu acredito que o FF seria mais ou menos assim:
hey
<br />
what's up?
e no IE :
hey
<p>what's up?</p>
infelizmente, não há uma maneira legal de fazer com que cada navegador insira uma <br />
tag em vez de div ou p, ou pelo menos eu não consegui encontrar nada online.
DE QUALQUER MANEIRA, o que estou tentando fazer agora é, quando eu apertar o botão , quero que o acento circunflexo seja definido no final do texto, então ele deve ser parecido com isto:
hey
what's up?|
alguma maneira de fazer isso para que funcione em todos os navegadores ?
exemplo:
$(document).ready(function()
{
$('#insert_caret').click(function()
{
var ele = $('#content');
var length = ele.html().length;
ele.focus();
//set caret -> end pos
}
}