I have a couple of web-pages where I write out some code c#
, and some XML
. I'd like to find a way to highlight the syntax of the different content to make it easier to read - very much like here on Stackoverflow?
I already use a bit of jQuery so something that plugs into that would be a nice fit.
Syntax Highlighting with PrismJS Prism is a lightweight, extensible syntax highlighter that can be used when working with code blocks in markdown files in blog posts.
jQuery is a lightweight, “write less, do more”, JavaScript library. The purpose of jQuery is to make it much easier to use JavaScript on your website. jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish and wraps them into methods that you can call with a single line of code.
Highlight. js tries to automatically detect the language of a code fragment. The heuristics is essentially simple: it tries to highlight a fragment with all the language definitions and the one that yields most specific modes and keywords wins.
You might want to look into Alex Gorbatchev's SyntaxHighlighter. It's one of the nicest formatters out there, and supports tons of syntaxes if you ever decide to format code in a new language.
Hm, I don't see where jQuery fits in there too well (because it is for DOM modification, not based on the textual content of the DOM).
Still, you might want to take a look at the very cool google-code-prettify. As far as I know, it is also used here at StackOverflow and it works like a charm for many languages. I use it myself and it's really easy to integrate.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With