1.6.0 • Published 2 years ago
react-markdown-heading v1.6.0
react-markdown-heading
Render markdown table of contents as React component.
Install
npm install react-markdown-heading
How to Use
import React from 'react'
import ReactDOM from 'react-dom'
import ReactMarkdownHeading from 'react-markdown-heading'
const markdown = '## h2\n### h3\n#### h4\n### h3\n# h1\n### h3'
render(
<ReactMarkdownHeading
markdown={markdown}
hyperlink={true}
onChangeHeading={(headingList) => {
console.log(headingList)
}}
liClassName="li"
activeAnchorClassName="activeAnchor"
/>,
document.getElementById('root')
)
Option
- markdown -
string
, The Markdown source to parse (required) - ulClassName -
string
, Class name of the ul tag (optional) - liClassName -
string
, Class name of the li tag (optional) - anchorClassName -
string
, Class name of the anchor tag (optional) - hyperlink -
boolean
, Add hyperlink to text (defaultfalse
) - blankSpaceReplaceText -
string
, Replace blank space in hyperlink to this (default-
) - headingDepth -
1 | 2 | 3 | 4 | 5 | 6
, Depth of heading to display (default6
) - hyperLinkPrefix -
string
, Hyperlink prefix (default empty) - onChangeHeading -
(headingList: HeadingType[]) => void
, Change event handler (optional) - activeHeading -
HeadingType[]
, Designate active heading list (optional) - activeLiClassName -
string
, Class name of the active li tag (optional) - activeAnchorClassName -
string
, Class name of the active anchor tag (optional)
1.6.0
2 years ago
1.5.0
2 years ago
1.4.0
2 years ago
1.2.0
3 years ago
1.3.0
3 years ago
1.1.3
3 years ago
1.1.2
3 years ago
1.1.1
3 years ago
1.1.0
3 years ago
1.0.1
4 years ago
1.0.0
4 years ago
0.8.2
4 years ago
0.9.0-0
4 years ago
0.8.1
4 years ago
0.8.0
4 years ago
0.7.4
4 years ago
0.7.3
4 years ago
0.7.2
4 years ago
0.7.0-0
4 years ago
0.7.1
4 years ago
0.7.0
4 years ago
0.6.2
4 years ago
0.6.1
4 years ago
0.6.0-3
4 years ago
0.6.0-2
4 years ago
0.6.0
4 years ago
0.6.0-1
4 years ago
0.6.0-0
4 years ago
0.5.0-beta.0
4 years ago
0.5.0
4 years ago
0.4.0
4 years ago
0.3.3
4 years ago
0.3.2
4 years ago
0.3.1
4 years ago
0.3.0
4 years ago
0.2.3
4 years ago
0.2.2
4 years ago
0.2.1
4 years ago
0.2.0
4 years ago
0.1.0
4 years ago