Selektovani text u contenteditable="true"Ali da te tacke budu u odnosu na pocetak tog elementa a ne cele strane i da se racunaju html tagovi. Evo primer.
Code:
<div contenteditable="true"><strong>foo</strong>Bar</div>
<div contenteditable="true"><strong>foo</strong>Bar</div>
Kada selektujem "oBar" trebalo bi da bude 11 i 23 (ili za po jedan manje ako pocinje od 0).
Takodje mi treba nesto kao sto je u browser-u (ff recimo) view selection source. Kada se selektuje neki tekst,
source sadrzi ceo tag u kom se tekst nalazi.
Pobao sam razne varijante koje sam pronasao na google...
window.getSelection()
window.getSelection().getRangeAt(0)
Ovo je veoma prosto sa textarea.. ali za div je malo drugacija prica.
Code:
textarea = document.getElementById('foo');
len = textarea.value.length;
start = textarea.selectionStart;
end = textarea.selectionEnd;
sel = textarea.value.substring(start, end);
textarea = document.getElementById('foo');
len = textarea.value.length;
start = textarea.selectionStart;
end = textarea.selectionEnd;
sel = textarea.value.substring(start, end);
Ovo je u sustini uradjeno u wysiwyg editorima, ali na neke totalno konfuzne nacine (bar kod onih koje sam listao), uz to meni treba samo par funkcija koje bih mogao lako da napisem samo kada bi mi rekli kako da nadjem text u div-u kao sto sam naveo za textarea.
Ako nije mnogo posla (za vas - pisanje/objasanjavanje), stvarno bih bio zahvalan da neko napise, u protivnom bar neka smernica kako da se lakse snadjem.
Tnx.
