Is there a plugin to display HTML code inside my web page

Question

I want to display large chunk of LESS file in my page. I want it to look as nice as possible so that users who see it will read it easily.

stackoverflow let me display it (for example) like this:

header {
    color: red;
    div.myClass {
         color:blue;
    }
}

but is there a plugin to display it nicer? I mean: div will be displayed in blue and class will be displayed in red, variables will be bold etc...

Is there some sort of javascript or jQuery library that does it?

thanks, Alon

duplicate of: http://stackoverflow.com/questions/160694/syntax-highlighting-code-with-javascript — Paolo Bergantino, Feb 16 '12 at 22:33

score 3 · Answer 1 · answered Feb 16 '12 at 22:33

3

StackOverflow uses Prettify to do it's syntax highlighting.

It should work for what you want.

answered Feb 16 '12 at 22:33

Brandon

score 0 · Answer 2 · answered Nov 01 '15 at 02:16

0

Take a look at https://highlightjs.org/. This provides a variety of themes to highlight code written in almost every language.

answered Nov 01 '15 at 02:16

rkrishnan

Whoever down-voted this, it'd have been nice if you could leave a comment explaining why this is not a good answer. – rkrishnan Feb 12 '16 at 17:56

score 0 · Answer 3 · answered Feb 16 '12 at 22:44

0

SyntaxHighlighter is another really popular one. It's also available as a plugin on many platforms and supports a lot of languages.

answered Feb 16 '12 at 22:44

Ian Hoar

3 Answers3