Front End Development Libraries Projects - Build a Markdown Previewer

JavaScript
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

Challenge: Front End Development Libraries Projects - Build a Markdown Previewer

Link to the challenge:

import React from ‘https://esm.sh/react@18.2.0’
import ReactDOM from ‘https://esm.sh/react-dom@18.2.0’

marked.setOptions({
breaks: true,
highlight: function(code){
return Prism.hightlight(code, Prism.languages.javascript, ‘javascript’)
}
});

const renderer=new marked.Renderer();
renderer.link=function(href,title,text){
return <a target='_blank' href='${href}'>${text}</a>;
}

const Editor =({ content, handleTextareaChange })=>

const Previewer=({ content })=><div id=“preview” dangerouslySetInnerHTML={{
_html: marked.Parse(content,{renderer: renderer})
}} />

const App=()=>{
const [content,setContent]=React.useState("Hey This is Gopi")

const handleTextareaChange=(event)=>{
setContent(event.target.value)
}
return(

) } ReactDOM.render(,document.querySelector("#app"))

what is wrong with my code iam getting error marked is not a function ,so iam using marked.parse(),but it is also not working pleae help me anyone

2

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.