Her bir sözcük bir açıklık içinde nasıl sarılır, ancak metin biçimlendirmesini korur

Question

Her bir kelimeyi bir açıklıkla nasıl doldurabilirim ve metin biçimlendirmesini nasıl saklayabilirim? Örneğin. br, em, güçlü

Bir süre içinde bir zengin metin editörü gelen her kelimeyi sarmak için aşağıdaki kodu kullanıyorum, ancak hepsi benim biçimlendirme dışarı sıyırma ediyor.

$(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(' ')); 
});