Utilizzando il mouse per evidenziare

Question

Mi piacerebbe prendere il testo selezionato sullo schermo (testo evidenziato con il mouse) e quando un pulsante viene premuto avvolgere quel testo in un tag. Mi piacerebbe usare jQuery, ma se si può fare in un altro quadro che sarebbe troppo fine.

Non sono stato in grado di capire come fare questo ancora, quindi tutti i pensieri sono apprezzati. Anche io so che si può incorrere in problemi se il testo va attraverso diversi elementi quindi per ora caso solo supporre il testo evidenziato viene tutto contenuto in un tag

.

Grazie!

Answer 1

Evidenziando il testo selezionato non necessariamente richiede di avvolgerlo. Infatti, cercando di avvolgere è difficile, se la gamma di selezione si estende più tag (cioè non circondano tag ben chiusi).

Ecco una risposta che mette in evidenza la selezione corrente senza avvolgendolo: Javascript Highlight Selezionato Pulsante gamma .

Si usa execCommand di lasciare che il browser evidenziare la selezione del documento corrente per voi. Piuttosto dolce.

Answer 2

Qui è un postare su come lavorare con il testo selezionato. Il metodo getSelection() può essere utilizzato per ottenere il testo selezionato, allora si dovrebbe essere in grado di sostituire il testo con il testo avvolto in un tag.