Template panel does not render <script> tag correctly

[thesayfulla]

Issue:

There is an issue with rendering <script></script> tags in the template panel. The template source incorrectly removes spaces(tabs) within the script tags, which causes the content to render incorrectly.

Expected Behavior:

The <script></script> tags should render correctly with all spaces(tabs) intact, allowing for proper functionality.

[matthiask]

We're using pygments for the highlighting (if it's available!)

It seems that we're not applying the appropriate style to whitespace elements (.w) in our homegrown CSS (why do we even have our own CSS for highlighting when we could just be using pygment styles?)

[thesayfulla]

We're using pygments for the highlighting (if it's available!)

It seems that we're not applying the appropriate style to whitespace elements (.w) in our homegrown CSS (why do we even have our own CSS for highlighting when we could just be using pygment styles?)

I've updated the code as follows:

source = mark_safe(f"<code>{source}</code>")

file: debug_toolbar/panels/templates/views.py#L60

Result:

What do you think about implementing it this way?

@matthiask If this approach looks good to you, I'll create a PR.