Wie eine Reihe von Bereichen von Position

Question

ich eine Reihe mit diesem bekommen, um zu bestellen, in div mit contenteditable Modus:

var sel = document.getSelection(); 
var range = sel.getRangeAt(0).cloneRange(); 
//... 
comments.push(range); 

Der Text in div hat nur HTML-Tags <br> und <mark> (hervorgehoben Kommentare). Da range.startOffset und range.endOffset den Container betreffen (und nicht das div mit contenteditable-Modus), weiß ich nicht, wie man Bereiche entsprechend ihrer Position im Text anordnet (von oben nach unten).

Hilf mir bitte.

Answer 1

Wenn Sie Ihre Bereiche von Startpositionen sortieren, können Sie

comments.sort(r1, r2) { 
    var comp = r1.startContainer.compareDocumentPosition(r2.startContainer); 
    if(comp & Node.DOCUMENT_POSITION_FOLLOWING) return -1; 
    if(comp & Node.DOCUMENT_POSITION_PRECEDING) return +1; 
    return r1.startOffset - r2.startOffset; 
}