0.1.2 • Published 4 years ago
mdown v0.1.2
mdown
Markdown to React.
Install
$ yarn add mdown
Usage
type TMarkdownToReactConfig = {
blockquote?: FC<TComponentBlockquote>,
code?: FC<TComponentCode>,
codespan?: FC<TComponentCodespan>,
del?: FC<TComponentDel>,
em?: FC<TComponentEm>,
heading?: FC<TComponentHeading>,
hr?: FC<TComponentHr>,
image?: FC<TComponentImage>,
link?: FC<TComponentLink>,
list?: FC<TComponentList>,
listItem?: FC<TComponentListItem>,
paragraph?: FC<TComponentParagraph>,
strong?: FC<TComponentStrong>,
table?: FC<TComponentTable>,
tableCell?: FC<TComponentTableCell>,
tableHeaderCell?: FC<TComponentTableHeaderCell>,
tableRow?: FC<TComponentTableRow>,
text?: FC<TComponentText>
}
const markdownToReact: (makrdown: string, config: TMarkdownToReactConfig) => ReactNode
import React, { Fragment } from 'react'
import { renderToStaticMarkup } from 'react-dom/server'
import { markdownToReact } from 'mdown'
const markdown = '_**em**_'
const config = {
paragraph: ({ children }) => (
<p>{ children }</p>
),
text: ({ children }) => (
<span>{ children }</span>
),
em: ({ children }) => (
<em>{ children }</em>
),
strong: ({ children }) => (
<strong>{ children }</strong>
),
}
const html = renderToStaticMarkup(
<Fragment>
{ markdownToReact(markdown, config) }
</Fragment>
)
console.log(html)
// <p><em><strong><span>em</span></strong></em></p>
0.1.2
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago
0.0.0
4 years ago
0.0.32
4 years ago
0.0.31
4 years ago
0.0.30
4 years ago
0.0.29
4 years ago
0.0.28
4 years ago
0.0.27
4 years ago
0.0.26
4 years ago
0.0.25
4 years ago
0.0.24
4 years ago
0.0.23
4 years ago
0.0.22
4 years ago
0.0.21
4 years ago
0.0.20
4 years ago
0.0.19
4 years ago
0.0.18
4 years ago
0.0.17
4 years ago
0.0.16
4 years ago
0.0.15
4 years ago
0.0.14
4 years ago
0.0.13
4 years ago
0.0.12
4 years ago
0.0.11
4 years ago
0.0.10
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.5
4 years ago
0.0.4-1
4 years ago
0.0.4
4 years ago
0.0.3
4 years ago
0.1.1-27
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago