Intro to Markdown and Syntax Highlighting
1:15
Displaying Markdown with marked.js
3:53
Building the MarkdownDisplay Component
3:49
Code Highlighting with HighlightJS
5:59
LivePreview Editor
4:50
Review and Look Ahead
1:37
0% done with Markdown and Syntax Highlighting in VueJS, compatible with Nuxt and SSR

Chapter 22 of 27 in Building VueScreencasts.com
Displaying Markdown with marked.js

We install the marked.js library and use it to display the Markdown we've written for our descriptions and code summaries.

What do others think of VueScreencasts?
"Great work man."
—The Nerdy Dev
"Awesome video! Easy to follow along with a lot of explanation into whats happening! Thanks a ton!"
—Ritika Singh
"<3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3"
—Aymen Oppa Software
"Great video as always, I really like the idea of basing the video in terms of features, as someone only looking to learn particular feature can get benefits from the video. Also, I really like you going through what we have done in the video at the end, it really helps in better understanding."
—Paurakh Sharma Humagain
Take your career to the next level