sortie dans 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>
Je crois qu'en FF, cela ressemblerait à ceci:
hey
<br />
what's up?
et dans IE :
hey
<p>what's up?</p>
Malheureusement, il n'y a pas de moyen agréable de faire en sorte que chaque navigateur insère un <br />
tag au lieu d'un div ou d'un p, ou du moins je n'ai rien trouvé en ligne.
Quoi qu'il en soit, ce que j'essaie de faire maintenant, c'est que lorsque j'appuie sur le bouton , je veux que le curseur soit placé à la fin du texte, il devrait donc ressembler à ceci:
hey
what's up?|
un moyen de le faire pour qu'il fonctionne dans tous les navigateurs ?
exemple:
$(document).ready(function()
{
$('#insert_caret').click(function()
{
var ele = $('#content');
var length = ele.html().length;
ele.focus();
//set caret -> end pos
}
}