Postanowiłem dalej z tym powalczyć i skleciłem takie oto pobieranie pozycji kursora w danym wierszu, gdzie przykładowo wysyłam informacje o numerze do inputa:

[JAVASCRIPT] pobierz, plaintext 
function getCursorPos() {
var cursorPos;
if (window.getSelection) {
var selObj = window.getSelection();
var selRange = selObj.getRangeAt(0);
cursorPos =  findNode(selObj.anchorNode.parentNode.childNodes, selObj.anchorNode) + selObj.anchorOffset;
 
document.getElementById('xxx').value = cursorPos + 'test1';
 
 
if(cursorPos == 9) {
 
var editor = document.getElementById("edytor").innerHTML;
var szajs = '-test2';
 
zmiana = substring(1, "$", editor);
 
zmiana = document.getElementById("edytor").innerHTML = zmiana;
 
/* alert (zmiana);*/
 
document.getElementById('xxx').value = 'wstawiam';
/*alert('xxx');*/
}
 
/*alert(document.getElementById('xxx').value);*/
}
[JAVASCRIPT] pobierz, plaintext 

Oraz div który jest edytowany:

[HTML] pobierz, plaintext 
<div id="edytor" contenteditable="true" onclick="getCursorPos();"></div>
[HTML] pobierz, plaintext 

Jednak nie mam pojęcia jak sprawić aby w miejscu gdzie znajduje się kursor był dodawany np. tekst albo obrazek np. po kliknięciu w link:

[HTML] pobierz, plaintext 
<a onclick="getCursorPos('pozycjaKursora', 'tekstKtoryMaBycWklejony');">przyklad</a>
[HTML] pobierz, plaintext 

Pomoże ktoś w oświeceniu mnie jak to powinno wyglądać?
ps. execcommands np. w IE i Operze nie działa tak jak powinien, dlatego wybrałem taką formę.