In code inspector, can <pre> contents be shown with line breaks and tabs applied?
I'm using <pre> to show my visitor's HTML code in my webpage. The code contains \t's (tabs) and \n's (line breaks), and seems to render fine in the webpage. As a test, I select all the code and paste it into various other apps, and formatting it maintained (good).
My issue is with how <pre> is displayed in the code inspector: <pre>'s content is shown on one line... the tabs and line breaks are not applied. Initially this made me second-guess my work and make me chase ghosts for awhile ("Where are these spaces coming from?").
Testing with Chrome, in the inspector, <pre> is shown with tabs and line breaks applied. It looks the same as in the webpage, so I don't second-guess it.
Overall this is a silly annoyance, however encountering this for the first time chewed up 30mins of my time. As well, I would expect, without formatting applied, that at least no extraneous spaces would be injected. If there's a space, to me that means I actually have a space inside my <pre> contents.
Let me know if I'm overlooking something!
Modified by cor-el
Additional System Details
- User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:72.0) Gecko/20100101 Firefox/72.0
FYI: I can't seem to edit my original post. In the first sentence of the post I mentioned line breaks and tabs, and I used slash-t and slash-n and looks like they got stripped in the post.
Also fixed the attachment image.
Modified by Boogey