позиция каретки в редактируемом div (dartlang)

Question

Я пытаюсь найти позицию каретки в редактируемом div. Также должно быть приятно получить выделенный текст в этом div.

Я стараюсь усвоить это: Editable Div Caret Position

Но работа dosen't.

Буду рад предоставить любую Идею.

Заранее спасибо

Некоторые фрагмент кода

HTML

<a on-click="{{chooseMenu}}" which-menu="1">Menu 1</a> 

Dart

void chooseMenu(Event event, var detail, var target) { 

    event.preventDefault(); 
    event.stopPropagation(); 

    Selection sel; 
    Range range; 

    sel = window.getSelection(); 

    if(sel != null) { 
     range = sel.getRangeAt(0); 
     range.collapse(false); 
    } 

    currentSubMenu = int.parse(target.attributes['which-menu']); 
    } 

Answer 1

Это работало для меня в Дартиуме.

Другой код из упомянутого вопроса SO, вероятно, предназначен для поддержки других браузеров. Dart обычно генерирует JS-код, который работает во всех поддерживаемых браузерах. Вам нужно проверить себя, если сгенерированный JS действительно работает в браузерах, которые вы хотите поддержать.

EDIT

Мы сохраняем выбор всякий раз, когда она меняется. Может быть, есть лучшие события, но я не смог их найти. Но это сработало для меня. Вставляем новый узел в ранее сохраненный выбор.

// must be accessible by getRange, insertNodeAfterSelection 
DivElement editable; 
Range range; 

// store reference to our contenteditable element 
editable = (document.querySelector('#editable') as DivElement); 

// subscribe selection change events 
document.onSelectionChange.listen(getRange); 


void insertNodeAfterSelection(Node node) { 
    range.collapse(false); 
    range.insertNode(node); 
} 

void getRange(Event e) { 
    if(document.activeElement != editable) { // save only selection changes on our contenteditable 
    return; 
    } 
    print(e); 
    Selection sel; 

    sel = window.getSelection(); 
    if(sel != null) { 
    range = sel.getRangeAt(0); 
    } 
} 

Вы должны сами решить, где разместить эти части кода. Я добавил некоторые комментарии в качестве поддержки.

EDIT
используя событие MouseDown вместо мыши должен помочь обойти эту проблему
Preserve text selection in contenteditable while interacting with jQuery UI Dialog and text input