output in 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>
Credo che in FF sarebbe simile a questo:
hey
<br />
what's up?
e in IE :
hey
<p>what's up?</p>
sfortunatamente, non c'è un modo carino per farlo in modo che ogni browser inserisca un <br />
invece di un div- o p-tag, o almeno non sono riuscito a trovare nulla online.
IN OGNI MODO, quello che sto cercando di fare ora è che, quando premo il pulsante , voglio che il cursore sia impostato alla fine del testo, quindi dovrebbe assomigliare a questo:
hey
what's up?|
qualche modo per farlo in modo che funzioni in tutti i browser ?
esempio:
$(document).ready(function()
{
$('#insert_caret').click(function()
{
var ele = $('#content');
var length = ele.html().length;
ele.focus();
//set caret -> end pos
}
}