Cómo ajustar cada palabra en un lapso pero conservar el formato de texto

Question

¿Cómo puedo ajustar cada palabra en un lapso y conservar el formato del texto? p.ej. br, em, fuerte

estoy usando el código siguiente para envolver cada palabra de un editor de texto enriquecido en un lapso, pero se está excluyendo toda mi formato.

$(window).load(function() { 
$(".hero_image p").addClass("hero_image_caption"); 
$('.hero_image p').each(function(){ 
    var text = $(this).text().split(' '); 

    for(var i = 0, len = text.length; i < len; i++) { 
     text[i] = '<span>' + text[i] + '</span>'; 
     } 
     $(this).html(text.join(' ')); 

     });   
}); 

Answer 1

$('.hero_image p').each(function(){ 
    var text = $(this).html().split(' '), 
     len = text.length, 
     result = []; 

    for(var i = 0; i < len; i++) { 
     result[i] = '<span>' + text[i] + '</span>'; 
    } 
    $(this).html(result.join(' ')); 
});