Javascript 如何在元素中的每个空格周围添加HTML标记？

可能重复：

我有一个带有contentEditable div和submit按钮的网页。当用户单击“提交”按钮时，我希望将contentEditable div中的所有空格替换为：

<span class="large"> </span>

我遇到的问题是，我不想编辑预先存在的HTML标记中的任何空格，也不想丢失它们

下面是示例页面的结构：

<div id="content" contenteditable="true">
     <p class="MsoNormal" style="text-indend:.5in">
          Example Text Here
     </p>
</div>

---

当用户单击提交按钮时，我只想替换示例文本中的空格。content div中可能有多个段落元素，也可能没有，这取决于用户在元素中输入文本的方式。

将忽略标志设置为false。 遍历字符串，一个字符接着一个字符。 …如果你遇到 ……将忽略标志设置为false。 …如果遇到空格且忽略标志为false ……附上你的替代品。 …否则，按原样将字符附加到输出字符串中

---

这并不漂亮——可能用一个正则表达式就可以完成，但我是人：

看起来真的很奇怪，也没用？什么？！是啊，你为什么要这么做？你已经问过了。句点，两次。要替换空格吗？还是把每个字都包起来？-就像你说的，我不漂亮。通过这根绳子走一走并不能解释太多。