sup not working in code (at least in Firefox)

[joendres]

[nschonni]

Looks like Yari might be stripping them out

[sideshowbarker]

Looks like Yari might be stripping them out

Alerting @mdn/core-yari-dev

[peterbe]

Yeah this is tricky. We've moved to using PrismJS on the server (in Node) which operates differently.
One of the things we lost is the ability to highlight specific lines. Another is the ability to inject custom HTML tags into the snippet code. Basically, we're about as basic as Markdown is when you inject code with triple-back-ticks. And moving to a more constrained formatting tool (like Markdown) is something we probably want to do in 2021.

In Yari, all the code in the <pre> is treated as text. Almost like when a human, using a browser, highlights the text with the mouse cursor and then copies and pastes into notepad.

PrismJS in Node is much more limited than PrismJS in the browser :(
Many PrismJS plugins don't work. But at least we now have support for ~16 lexers without any added weight to the JS bundles.

The other thing to keep in mind is that there are huge advantages of treating the snippet code as plain text. For example, we could run automation on it and do things like auto-format based on Prettier. If the snippet code now also contains formatting, that might make things much harder.
Similarly, when I code in VS Code, to type code comments my only formatting is to use * or similar characters to create emphasis or padding.

[wbamberg]

I looks like this has already been fixed to use ^:

content/files/en-us/web/javascript/reference/global_objects/number/index.html

Lines 123 to 124 in 3d11407

	<pre class="brush: js">const biggestInt = Number.MAX_SAFE_INTEGER // (2^53 - 1) =&gt; 9007199254740991
	const smallestInt = Number.MIN_SAFE_INTEGER // -(2^53 - 1) =&gt; -9007199254740991</pre>