Can I apply a language to inline <code> blocks? #630

New Issue

claunia · 2026-01-29T14:41:32Z

claunia commented

2026-01-29 14:41:32 +00:00

Originally created by @seangwright on GitHub (Oct 2, 2023).

Prism.js can highlight inline code blocks like `<div></div>` but a language needs to specified (the way we do for multiline fenced code blocks.

If a language is provided on the <code> element then it will be highlighted.

<code class="language-markup">
<!-- ... -->
</code>

Is there a way to specify an inline code fence language? Something like `[html]<div></div>`

If not, I supposed I just need to supply some default styles for <code> elements.

Originally created by @seangwright on GitHub (Oct 2, 2023). [Prism.js](https://prismjs.com/) can highlight inline code blocks like `` `<div></div>` `` but a language needs to specified (the way we do for multiline fenced code blocks. If a language is provided on the `<code>` element then it will be highlighted. ```html <code class="language-markup">  </code> ``` Is there a way to specify an inline code fence language? Something like `` `[html]<div></div>` `` If not, I supposed I just need to supply some default styles for `<code>` elements.

claunia added the question label 2026-01-29 14:41:32 +00:00

claunia commented

2026-01-29 14:41:33 +00:00

@gfoidl commented on GitHub (Oct 3, 2023):

Does

    foo bar

    ```c#
    int answer = 42;
    ```

    baz

work for you? dotnet fiddle displays the correct html-tags.

@gfoidl commented on GitHub (Oct 3, 2023): Does ``` foo bar ```c# int answer = 42; ``` baz ``` work for you? [dotnet fiddle](https://dotnetfiddle.net/SC89Df) displays the correct html-tags.

claunia commented

2026-01-29 14:41:35 +00:00

@seangwright commented on GitHub (Oct 3, 2023):

That produces this:

<p>foo bar</p>

<pre class="language-csharp"><code>int answer = 42;
</code></pre>

<p>baz</p>

I want the code to be inline with the content:

<p>foo bar <code class="language-csharp">int answer = 42;</code> baz </p>

@seangwright commented on GitHub (Oct 3, 2023): That produces this: ``` <p>foo bar</p> <pre class="language-csharp"><code>int answer = 42; </code></pre> <p>baz</p> ``` I want the code to be inline with the content: ``` <p>foo bar <code class="language-csharp">int answer = 42;</code> baz </p> ```

claunia referenced this issue

2026-01-29 14:50:36 +00:00

[PR #630] [MERGED] Fix typos in ContainerBlock #1155

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/markdig#630