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

Question

  

可能重复：
  How to replace all periods in a string that aren’t in an html tag?

我有一个包含contentEditable div和提交按钮的网页。当用户单击提交按钮时，我想用contentEditable div替换所有空格：

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

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

以下是如何构建示例页面：

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

当用户点击提交按钮时，我只想替换“示例文本在此处”中的空格。内容div中可能有多个段落元素，或者可能没有，这取决于用户如何将文本输入元素。

Answer 1

将ignore-flag设置为false 穿过绳子，一个接一个地接着 ......如果遇到＆lt;
......将ignore-flag设置为true ...如果遇到＆gt;
......将ignore-flag设置为false ...如果遇到空格且ignore-flag为false ......附上你的替代品 ...否则将char添加到输出字符串中。

它不漂亮 - 可以用一个正则表达式完成，但我是一个人：）