[jjh08]

Hello everyone, I am adding code snippets to a website and (as many of you know) when using the "[code]"/"[pre]" tag elements, the HTML will display the code in monospaced text. I would like to ask is there a way to show line numbers and possibly add coloring to the code text similar to how we use code tags here on DIC. Does anyone know how to do this in HTML5/CSS3 because I'm stumped at the moment. Thanks in advance.

[Atli]

Hey.

There is an excellent Javascript library, called SyntaxHighlighter, that can take care of all that for you. It's used all over the place, including here on DIC.

I'd recommend you try to use that instead of building this yourself. It's not a simple task. - Unless, of course, you want to build it yourself

[jjh08]

Atli, on 06 September 2012 - 04:59 PM, said:

Hey.

There is an excellent Javascript library, called SyntaxHighlighter, that can take care of all that for you. It's used all over the place, including here on DIC.

I'd recommend you try to use that instead of building this yourself. It's not a simple task. - Unless, of course, you want to build it yourself

Thank you so much. This is exactly what I was looking for. So the colored text is called syntax highlighting, I didn't know that. I'm new to web development so I definitely don't want to build this myself right now. LOL