We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

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

  • 1 antwoord
  • 1 heeft dit probleem
  • 4 weergaven
  • Laatste antwoord van Boogey

Boogey
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!
Gekoppelde schermafbeeldingen

Bewerkt door cor-el op

Alle antwoorden (1)

Boogey
Boogey Vraageigenaar
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.

Bewerkt door Boogey op