将空格替换为

Question

我想将所有空格替换为 

<div class="red-c"><p>Hel  lo <span style="background-color: rgb(204, 193, 217);">h   el  lo</span> <span style="font-size: 18px;">h<span style="background-color: rgb(127, 127, 127);">e  ll</span>o</span> h   ello
</p></div>

结果

<div class="red-c"><p>Hel&nbsp;&nbsp;lo&nbsp;<span style="background-color: rgb(204, 193, 217);">h&nbsp;&nbsp;&nbsp;el&nbsp;&nbsp;lo</span>&nbsp;<span style="font-size: 18px;">h<span style="background-color: rgb(127, 127, 127);">e&nbsp;&nbsp;ll</span>o</span>&nbsp;h&nbsp;&nbsp;&nbsp;ello
</p></div>

我还没有在stackoverflow中找到解决方法。

Answer 1

您可以使用以下纯JavaScript解决方案：

function replaceWs(txt){
    out = '';
    for (i = 0; i < txt.length; i++){
      if (txt[i] == ' '){
        out += '&nbsp;';
      }
      else{
        out += txt[i];
      }          
    }
    return out;
  }

结帐this demo