[/COLOR], [COLOR="Magenta"][HTML][/COLOR] or [COLOR="Magenta"][PHP][/COLOR] tags (the "#", "<>", "php" icons)
• To maintain the "look" of text, select "[COLOR="Red"]Verdana[/COLOR]" font (last 1 in list) when editing. As the editor uses a font very similar to Verdana (don't know exact font, but Verdana is close to it), and for WYSIWYG you want the font you edit in to be the same/close as the font that it is actually posted in). Another woords, edit in (font close to Verdana) --> post in Verdada
Using these 2 methods, means there's no need to "laboriously tweak" the spaces, so your diagram/whatever looks right (ie is like WYSIWYG editor!)
Another method which i use quite often, is to add ". . . . . ." where the spaces are. Since there's only 1 space between each dot, the site will not "reduce" those spaces - normally any spaces >1 are reduced back down to 1 space, which is a common technique that forums use in order to reduce "unecessary" web space storage on their server computers (hence your "all mushed together!")