Front End Development Libraries Projects - Build a Markdown Previewer

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

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