Используйте регулярное выражение для ВСТАВКИ текста до и после появления шаблона строки.

Я пытаюсь заменить все серии символов " " на "< pre> ", используя регулярное выражение в Javascript.

Итак, я хочу изменить 1-ю строку ниже на вторую:

<p>There   should    be    gaps    of    4    chars    tween    each    word</p>
<p>There<pre>   </pre>should<pre>    </pre>be<pre>    </pre>gaps<pre>    </pre>of<pre>    </pre>4<pre>    </pre>chars<pre>    </pre>tween<pre>    </pre>each<pre>    </pre>word</p>

// Or if I cannot place <pre>'s inside a <p> element then replace them with 
// transparent "_" chars
<p>There<font style="color: transparent">____</font>should...</p>

Причина, по которой я делаю это, заключается в том, что я пытаюсь сохранить/отобразить пробелы, и если я помещу весь абзац внутри элемента pre, то перенос слов становится инвалидом.

Можете ли вы помочь мне получить регулярное выражение для размещения начального и конечного тегов в конце каждой группы символов " "?

var p = document.getElementById("myP");
var con = p.innerHTML;
con = con.replace(new RegExp("[ ]{2,}"), "<pre> ");
con = con.replace(new RegExp("[ ]{2,}"), " </pre>");
p.innerHTML = con;

// This is incorrect because it removes all the space chars and only leaves one there
// Test    string
// Test<pre> </pre>string // there should be 4 space chars here