From the course: reveal.js: Online Presentations

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Using syntax highlight themes

Using syntax highlight themes

From the course: reveal.js: Online Presentations

Start my 1-month free trial

Using syntax highlight themes

Reveal.js color codes your HTML and other languages when you place them inside a pre-encode tag. To do this it uses a plug in called Hightlight.js. Now Highlight.js gives you a lot of options. And you can see them right here if you go to this link. It shows you that there's a lot of different languages as well as different styles that you can use. Now if you go back into our code, we'll notice that here's what we're calling the style sheet for syntax highlighting. And that happens to be in the lib folder, in the css folder, and then its called zenburn.CSS. So if we open up that folder, you'll find that there's only one style and its called zenburn. It's not bad but we can use whichever style we want from the highlight JS library. So I'm going to go back into this right here. And I'm going to click on this link to go back here, and then I'm going to click on this download button. Right here it's telling you to link directly to the CDN for the library but I'm going to scroll down here…

Contents