Angular 2 Markdown

Source @ https://github.com/dimpu/angular2-markdown

Demo @ https://dimpu.github.io/angular2-markdown/

Setup

npm i angular2-markdown --save

How to use it

app.module.js

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { MarkdownModule } from 'angular2-markdown';
import { AppComponent } from '../src/app.component';

@NgModule({
  imports: [
    BrowserModule,
    MarkdownModule,
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent],
})

app.component.html

 <div Markdown>
    ### your markdown code
 </div>

or use angular component

<markdown>
    ### your markdown code
</markdown>

// to load from remote url

<div Markdown path="/path/to/readme.md"></div>

// load remote source code with auto syantax helight.

<markdown path="/path/to/code.cpp"></markdown>

<markdown path="/path/to/code.java"></markdown>

Example

You can found the working example inside the src/app/demo directory.

git clone https://github.com/dimpu/angular2-markdown.git

npm i

ng serve

now you should see working example at http://localhost:4200