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;
}