Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

In code inspector, can <pre> contents be shown with line breaks and tabs applied?

  • 1 reply
  • 1 has this problem
  • 2 views
  • Last reply by Boogey

more options

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!

I'm using &lt;pre&gt; 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 &lt;pre&gt; is displayed in the code inspector: &lt;pre&gt;'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, &lt;pre&gt; 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 &lt;pre&gt; contents. Let me know if I'm overlooking something!
Attached screenshots

Modified by cor-el

All Replies (1)

more options

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