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
From the course: reveal.js: Online Presentations
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.