I have a markdown file imported in a node module like this through a webpack loader
import mardownFile from './markdownfile.md'
this file is a text book with chapters separated by a ## / h2 tag
now, I'm looking for a way to convert this into a json object with each h2 tag (or other possible wrapper) in separate chapter chunks to use with a react page component with the page content as props.children. More details on what I'm trying to solve
I have this in my markdown.md file
#Title
##Chapter 1
text text
text
##Chapter 2
text
etc
##Chapter 3
more text
image
I would like to read this markdown and convert it to an object, something like this...
var aText = {
pages: [
{
"title": "Chapter 1.",
"text": "text",
},
{
"title": "Chapter 2.",
"text": "text",
},
{
"title": "Chapter 3.",
"text": "text",
"img": "cat-stevens.png",
}
]}
Then in a javascript react component render a Page component like this
<Page page={aText.pages[0]} />
I'm on a mac osx computer but this is personal web client project, I was trying to parse this in a standard browser, i'm using Chrome, What's the best approach to accomplish this, any suggestions?
See Question&Answers more detail:os