FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Download Repo ZIP]   [Original HTTPS Page]

mjunaidi/angular2-markdown: Angular 2 directive for parsing markdown content in your web application. · GitHub

 
 

Repository files navigation

Angular 2 Markdown

Source @ https://github.com/dimpu/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.forRoot(),
  ],
  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

About

Angular 2 directive for parsing markdown content in your web application.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages


Back | FazBrowse Home | New Git URL