Ciao, ho trovato questo plugin che serve per mettere dei tag <span> intorno al testo selezionato. Il codice che ho trovato è il seguente:
codice:
$(document).ready(function(){ 
  $('p').bind("mouseup", function(){ 
         $('p').wrapSelection();
   });
});
, naturalmente per mettere gli span dentro un testo in un tag

.
A me però serve di poter inserire i gli span in un qualsiasi punto del documento, e non in uno specifico tag

.
Ho provato a modificare il codice come segue, ma mi seleziona solo il testo che appartiene al primo tag figlio di body:
codice:
$(document).ready(function(){
  $('p').bind("mouseup", function(){
	  $('body').children().wrapSelection().addClass('h1');
  });	
});
Ho provato anche molte altre varianti ma senza alcun successo...eppure la cosa si dovrebbe poter fare... In fondo si tratta di selezionare il testo, metterci un tag intorno e "rimetterlo" nel DOM...
Qualcuno sa darmi dei consigli per favore?
Grazie mille in anticipo!