So I'm working on a way to add syntax highlighting to my site, and thanks to this forum post, I found Highlight.js, a javascript library that checks and highlights your code.
Unfortunately, I'd like to be able to display the occasional LESS code, but LESS is not a language supported by Highlight.js. I'm not familiar with JavaScript and was wondering if I could force specific highlighting onto blocks of code that have a class of .css, .html, .php, etc.
Not being familier with JS, the documentation is extremely confusing, and does not provide any examples.
I was actually able to get LESS highlighting working, but a different way than I originally expected. It turns out that the LESS Website has a great little highlighter that basically does what Highlight.js has done. I was able to include it on my own site, and the thing works great!
I've gone ahead and copied the plugin into a public gist so that people can have access to it. Hooray! I also went ahead and opened an issue on the LESS github repository so that people can contribute to making this more of a reality, because according to the developers, the highliting plugin for less is out of date.
Thanks for posting back, when you originally posted this I looked at Highlight.js but couldn't think of a solution in a reasonable time. Starred that gist for future reference ;)
Hey all,
So I'm working on a way to add syntax highlighting to my site, and thanks to this forum post, I found Highlight.js, a javascript library that checks and highlights your code.
Unfortunately, I'd like to be able to display the occasional LESS code, but LESS is not a language supported by Highlight.js. I'm not familiar with JavaScript and was wondering if I could force specific highlighting onto blocks of code that have a class of
.css,.html,.php, etc.Not being familier with JS, the documentation is extremely confusing, and does not provide any examples.
Help is always appreciated, Noel
Problem solved!
I was actually able to get LESS highlighting working, but a different way than I originally expected. It turns out that the LESS Website has a great little highlighter that basically does what Highlight.js has done. I was able to include it on my own site, and the thing works great!
I've gone ahead and copied the plugin into a public gist so that people can have access to it. Hooray! I also went ahead and opened an issue on the LESS github repository so that people can contribute to making this more of a reality, because according to the developers, the highliting plugin for less is out of date.
Hope this is helpful! I'll mark this as solved.
Thanks for posting back, when you originally posted this I looked at Highlight.js but couldn't think of a solution in a reasonable time. Starred that gist for future reference ;)