@lwrly/markdown NPM

Markdown

A simple Angular component that allows for quick editing and previewing of markdown files.

npm i @lwrly/markdown

Not available (yet).

In your app.module.ts:

...
  imports: [
    BrowserModule,
    AppRoutingModule,
    // ...other stuff,
    MarkdownModule
  ],
...

In your component file:

<markdown></markdown>

Additionally, the following properties are available to the component:

Property	Type	Description
`rows`	number	The number of rows to show in the text box.
`placeholder`	string	Custom message to place inside editor textarea as a preview. Default is `# We <3 markdown!`
`markdownOutputChanged`	EventEmitter	Emits a compiled markdown string when text is entered into the editor.