Погрешности производства :D Только в этом случае вторая рега расширится.

Можно вообще пропустить пробелы, и оставить как есть:

<p id="text">&nbsp; &nbsp; text &nbsp; &nbsp; </p>

<script>
var text = document.getElementById('text');

text.innerHTML = text.innerHTML.replace(/^(\s|&nbsp;)+.|.(\s|&nbsp;)+$/g, '<span style="color:red;">$&</span>');
</script>