Libreria intervallo selezione cross-browser?

Question

Qualcuno sa di eventuali librerie di range di selezione utente cross browser scritte in javascript?

Ho trovato alcuni plugin jQuery, (che francamente sono troppo limitanti e molto buggy). Ho già implementato e sto utilizzando il seguente per tirare fuori alcuni dei miei trucchi:

http://plugins.jquery.com/project/wrapSelection http://perplexed.co.uk/1020_text_selector_jquery_plugin.htm

e pochi altri piccoli script e così via.

Vorrei solo sapere cosa avete scoperto là fuori. Non mandatelo a googling di nuovo, (ho passato giornate a lavorare su tutto questo). Speriamo che questo possa essere il luogo in cui i futuri programmatori possono trovare la risposta.

Answer 1

Ho sviluppato una libreria di selezione e intervallo per il cross-browser denominata Rangy. Il suo nucleo non è dissimile nel concetto di IERange ma va oltre, in termini di implementazione del DOM 2 Range e delle specifiche di selezione HTML5, e anche in termini di stabilità e soluzioni per i bug del browser. Penso che sia il meglio che ci sia là fuori.

Esistono anche moduli aggiuntivi per il salvataggio, il ripristino e la serializzazione delle selezioni e l'applicazione della classe CSS agli intervalli e alle selezioni.

https://github.com/timdown/rangy

i seguenti usi alcune estensioni longilineo alle gamme per scorrere facilmente sopra i nodi di testo all'interno di una selezione e surround ciascuno:

function surroundSelectedText(templateElement){ 
    var range, sel = rangy.getSelection(); 
    var ranges = sel.getAllRanges(); 
    var textNodes, textNode, el, i, len, j, jLen; 
    for (i = 0, len = ranges.length; i < len; ++i) { 
     range = ranges[i]; 
     // If one or both of the range boundaries falls in the middle 
     // of a text node, the following line splits the text node at the 
     // boundary 
     range.splitBoundaries(); 

     // The first parameter below is an array of valid nodeTypes 
     // (in this case, text nodes only) 
     textNodes = range.getNodes([3]); 

     for (j = 0, jLen = textNodes.length; j < jLen; ++j) { 
      textNode = textNodes[j]; 
      el = templateElement.cloneNode(false); 
      textNode.parentNode.insertBefore(el, textNode); 
      el.appendChild(textNode); 
     } 
    } 
} 

var span = document.createElement("span"); 
span.style.color = "green"; 
span.style.fontWeight = "bold"; 

surroundSelectedText(span); 

Answer 2

Per il funzionamento dell'intervallo generico (a differenza della gestione della selezione di input/area di testo), considerare ierange. Tenta di implementare il modello standard di Livello 2 DOM DOM supportato da altri browser in IE. Tipo di opere.

Answer 3

Per l'opzione plug-in jQuery c'è jCaret, è possibile controllare lo homepage here e lo examples here.

L'ho usato su alcuni progetti per varie applicazioni, funziona bene a rimuovere le incongruenze cross-browser.