src/app/markdown/markdown-preview/markdown-preview.component.ts
This component renders and displays markdown
| preserveWhitespaces | true |
| selector | app-markdown-preview |
| styleUrls | ./markdown-preview.component.scss |
| templateUrl | ./markdown-preview.component.html |
Inputs |
| displayedCode | |
Type : string
|
|
|
The markdown code as a string which will be rendered |
|
import {Component, Input} from '@angular/core';
/**
* This component renders and displays markdown
*/
@Component({
selector: 'app-markdown-preview',
templateUrl: './markdown-preview.component.html',
styleUrls: ['./markdown-preview.component.scss'],
preserveWhitespaces: true
})
export class MarkdownPreviewComponent {
/**
* The markdown code as a string which will be rendered
*/
@Input() displayedCode: string;
}
<markdown [data]="displayedCode"></markdown>
./markdown-preview.component.scss
:host {
display: block;
}