let header = '# Heading level 1';
let header2 = '## Heading level 2';
let link = '[Duck Duck Go](https://duckduckgo.com)';
let inlineCode = `foo`;
let codeBlock =
'``Use `x=y y= z z=u` in your Markdown file.\n`\n`\n`\n`\n` `hello` \n`\n`\n`';
let listItem = '1. First item 2.Second item 3. Third item 4. Fourth item ';
let blockQuote = '\n> # Foo \n>bar \n> baz';
let picture =
'';
let boldText = '**bold text**.';
marked.setOptions({
gfm: true,
});
let markText =
header +
'\n\t' +
header2 +
'\n\t' +
link +
'\n\t' +
inlineCode +
'\n\t' +
codeBlock +
'\n\t' +
listItem +
'\n\t' +
blockQuote +
'\n\t' +
picture +
'\n\t' +
boldText;
class Marker extends React.Component {
constructor(props) {
super(props);
this.state = {
text: markText,
};
}
changeText = (e) => {
this.setState({
text: e.target.value,
});
};
render() {
let { text } = this.state;
return (
<div className='container'>
<textarea
id='editor'
className='screen'
onChange={(e) => {
this.changeText(e);
}}
type='text'
value={text}
/>
<div id='hello'></div>
<div
id='preview'
className='screen'
dangerouslySetInnerHTML={{ __html: marked(text) }}
/>
</div>
);
}
}
export default Marker;
Failing test no 5 and no 6 .
I have done everything possible