Proper syntax highlighting for Blazor - C# with HTML on Stack Overflow

Question

The code highlighting here on Stack Overflow appears to be missing a tag for Blazor-like pages where C# and HTML are combined within the same file.

Currently, I can only format it as either C# or HTML. Is there a way to combine C# and HTML highlighting and format these code snippets?

Formatted as HTML:

@page
@model Kommunikator.Api.Pages.OptionsModel
@{
    ViewData["Title"] = "Options";
    string tableBorderColor = "#777";
}

<h1>Übersicht</h1>

<div class="w3-row-padding w3-stretch">
    <div class="w3-third">
        <h2>Options</h2>
        <table class="w3-small" style="width: 100%; border: 1px solid @tableBorderColor; border-collapse: collapse">
        <tr>
          <td colspan="2" style="font-weight: bold" class="w3-pale-blue">@validations.Name</td>
        </tr>

        @foreach (Kommunikator.Core.Application.ActionResult reason in validations.Results)
        {
          <tr style="border: 1px solid @tableBorderColor">
            <td class="@OptionsModel.StatusZuFarbe(reason)" style="border-right: 1px solid @tableBorderColor">@OptionsModel.StatusZuText(reason)</td>
            <td style="padding-left: 5px">@reason.Message</td>
          </tr>
        }
      }
    </table>
  </div> 
</div>

Formatted in C#:

@page
@model Kommunikator.Api.Pages.OptionsModel
@{
    ViewData["Title"] = "Options";
    string tableBorderColor = "#777";
}

<h1>Übersicht</h1>

<div class="w3-row-padding w3-stretch">
    <div class="w3-third">
        <h2>Options</h2>
        <table class="w3-small" style="width: 100%; border: 1px solid @tableBorderColor; border-collapse: collapse">     
        <tr>
          <td colspan="2" style="font-weight: bold" class="w3-pale-blue">@validations.Name</td>
        </tr>

        @foreach (Kommunikator.Core.Application.ActionResult reason in validations.Results)
        {
          <tr style="border: 1px solid @tableBorderColor">
            <td class="@OptionsModel.StatusZuFarbe(reason)" style="border-right: 1px solid @tableBorderColor">@OptionsModel.StatusZuText(reason)</td>
            <td style="padding-left: 5px">@reason.Message</td>
          </tr>
        }
      }
    </table>
  </div>
 
</div>

In Visual Studio there is proper syntax highlighting for the HTML and C# parts of the code:

While I do agree with you, syntax highlighting is handled by highlight.js, not SO/SE, and requests regarding new features to add to highlight.js should be sent to their github repo. SO/SE has no impact on this. Your best bet might be to implement it yourself and submit a pull request to the highlight.js repo. For more info, see this meta post. — RedStoneMatt
– RedStoneMatt, Commented Jul 1 at 10:03

RedStoneMatt · Accepted Answer · 2025-07-01 15:01:33Z

According to this Meta post:

Requesting that a new language which is not currently supported by highlight.js be added

Follow the instructions in Reporting a bug or requesting a feature for a language supported on Stack Exchange above to request that highlight.js support your new language. Once the language is supported by highlight.js, follow Requesting that Stack Exchange support a new language which is already supported by highlight.js to make it available here on Stack Exchange.

Which is preceeded by:

Reporting a bug or requesting a feature for a language supported on Stack Exchange

As noted before, Stack Exchange does not maintain this syntax highlighter (aside from installing newer versions of it), so posting bug reports or feature requests concerning it here on Meta will not get them fixed or implemented.

Go to the list of existing issues in highlight.js GitHub repository and check to see if your request is already filed there, and if not, post it there.

[...]

This is also mentionned in the MSE tag for syntax-highlighting and implied on MSO's.

Therefore, your best bet to get CSHTML implemented into SO would be to request for it to be added to highlight.js by opening an issue, or, if one already exists and no one has been willing to implement it, to do it yourself and submit a pull request.

Then, once highlight.js has merged it and supports it, open a new post on MSE and ask for the update to be pushed on the network.

Proper syntax highlighting for Blazor - C# with HTML on Stack Overflow

1 Answer 1

Requesting that a new language which is not currently supported by highlight.js be added

Reporting a bug or requesting a feature for a language supported on Stack Exchange

You must log in to answer this question.

Hot Network Questions

1 Answer 1

Requesting that a new language which is not currently supported by highlight.js be added

Reporting a bug or requesting a feature for a language supported on Stack Exchange

You must log in to answer this question.

Related