In this tutorial, we’ll create a custom Angular pipe for parsing Markdown into HTML. We’ll use the latest Angular 10 version but the steps are also valid for the previous versions of the framework.

You need to have Angular CLI v10 installed on your development machine before you can proceed with this tutorial’s steps.

Step 1 — Creating a New Angular 10 Project

If you don’t have a project yet, you need to run the following command to create a new project:

$ ng new Angular10MarkdownPipe 

The CLI will ask you a couple of questions — If Would you like to add Angular routing? Type y for Yes and Which stylesheet format would you like to use? Choose CSS.

#angular