How to add line numbers to code blocks?

[jmsachs (Jason Sachs)]

I found this post from 2021 Is it possible to show line numbers in code block? but no idea how to apply it.

• Is this option built into Discourse? If so, how do I specify this in Markdown?
• If it is not built into Discourse but is a plugin, where is the information on this plugin?

[Unit_72 (Starlightier)]

I asked the AI, I’m not sure if this will help:

To solve the problem of showing line numbers in a code block on Discourse, here’s what you need to do:

Discourse does not have a built-in feature to display line numbers in code blocks. However, there is a plugin that can help you achieve this.

The plugin is called “Code Review” (formerly known as “Code Line Numbers”). To use this plugin, you’ll need to:

1. Check if the plugin is already installed: Reach out to your Discourse administrator or check the admin panel to see if the Code Review plugin is already installed on your Discourse instance.
2. Install the plugin: If the plugin is not installed, ask your administrator to install it from the Discourse plugin repository. Alternatively, if you have access to the admin panel, you can install it yourself.
3. Enable line numbers: Once the plugin is installed, you’ll need to enable line numbers in your code blocks. You can do this by adding the line_numbers attribute to your code block Markdown. For example:

```python line_numbers
def hello_world():
    print("Hello, World!")

This will render the code block with line numbers.

Note: The line_numbers attribute may have been renamed or modified in newer versions of the plugin. If you’re unsure, check the plugin documentation or consult with your Discourse administrator.

If you’re still having trouble, feel free to ask, and I’ll do my best to help!

[merefield (Robert)]

That Topic contains the CSS they used which you could experiment with in your own local Component.

See from this post onwards

Is it possible to show line numbers in code block?

I’ve been experimenting with line numbers for both wrapping and scrolling on the Docker forum. This is not live yet, but I’d like to know if someone has any comments. So, some screenshots first: Wrapped content [wrapped] Above, line numbers help identifying when one line stops and another starts. Of course, there are other ways to render that, but this topic is about line numbers. Scrolled content With limited padding on the side(s) where content is hidden, to indicate that scr…

Shame no one has packaged that into a Theme Component on GitHub for easier consumption?

[merefield (Robert)]

Did you try it? It’s best I think to check AI provided solutions before posting as gospel.

[Unit_72 (Starlightier)]

I stated that I asked the AI, because it seems to be very helpful and underused in the case of helping. Though I did not have much knowledge on this plugin, I still wanted to help.

[merefield (Robert)]

AI can hallucinate and old information it might have relied upon can get out of date and lose relevance - hence worth checking.

[jmsachs (Jason Sachs)]

Which AI? (gratuitous content to meet the 10-character minimum)

[jmsachs (Jason Sachs)]

Ah, ok… everyone is jumping on the AI bandwagon I guess

[Lilly]

Edit: ok I whipped together a quick theme component. I will add some settings later to control background and text colours.

Code-block line numbers

Summary Adds line numbers to multi-line code-blocks in posts Repository https://github.com/Lillinator/code-block-line-numbers Install Guide How to install a theme or theme component New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Description This is a simple theme component that adds line numbers to code blocks in Discourse posts. It will not add line numbers…