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
Building the MarkdownDisplay Component

In this lesson we create a component that displays Markdown, encapsulating all the logic with marked.js.

This isn't a very complex component yet, but this encapsulation will pay off as the amount we want to do with our markdown grows.

What do others think of VueScreencasts?
"Excellent video! Great work. Subscribed."
—Alexandros Markovic
"Your series has really helped... even for seasoned developers!"
—D Durham
"Thank you for listening and being willing to put effort into helping us better understand Vue!"
—Kyle Collie
"You saved my day! Thanks!"
—Ivomar Santos
Take your career to the next level