react-markdown2 v0.11.6
markdown
Yet another react component to render markdown.
Install
npm install --save react-markdown2
Usage
import React, {Component} from "react";
import Markdown from "react-markdown2";
class Example extends Component {
render() {
return (
<div>
{/* Pass Markdown source to the `source` prop */}
<Markdown source="**Markdown is awesome!**" />
{/* Or pass it as children */}
{/* You can nest React components, too */}
<Markdown>
{`
## Header
1. One
2. Two
`}
<div>Nested component</div>
{`Test`}
</Markdown>
</div>
)
}
}
Webpack build pipeline
See webpack.config.js as an example how to integrate this package into your webpack pipeline, i.e. you need to use the following webpack plugins:
- extract-text-webpack-plugin
- style-loader
- sass-loader
- css-loader
- postcss-loader
- webpack-sources
TODO
- Use markdown-it to render markdown content
- Use prismjs for syntax highlighting
- Diagrams x(https://github.com/bramp/js-sequence-diagrams) x(https://github.com/adrai/flowchart.js) x(https://github.com/tabatkins/railroad-diagrams) Buttons to show source code of diagram
- KaTeX x basic integration import katex css
- MathJax
- Auto-embeddable links Video services x youtube x vimeo x vine x daylymotion viddler blip.tv liveleak x ted ustream Audio services x soundcloud Code snippets github gist codepen ideone jsbin jsfiddle plunker Social media twitter facebook Maps x google maps
- Unified diff fence blocks
- Automatically detect and render diff patch blocks
- Integrate/implement embed.js features
- render HTML content if content-type is not markdown
- allow to extend markdown rendering with markdown-it plugins
Licence
MIT. See LICENSE.
8 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago