Replacing spaces between html tags with nbsps

Question

I want to replace spaces between html tags with nbsps using pure JavaScript. This is my html:

<div><span>Apple</span>     <span>Grapes</span></div>

You can see spaces between 2 span nodes. These spaces should be replaced by &nbsps.

Result should be:

   <div><span>Apple</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>Grapes</span></div>

Please help me.

Answer 1

Try this simple logic

 var input= "<div><span>Apple</span> <span>Grapes</span></div>" var output = input.replace( /<\\/span>\\s*<span>/g, function(match){ return match.replace(/\\s/g, "&nbsp;") } ); console.log( output );