Markdown previewer help please!

1

Hello Everyone!

Here is the link for my codepen:

https://codepen.io/mnoesen/pen/jOOWYRX

I am not 100% done styling but I have a general layout I am happy with. My React is working (it didn’t seem like there was enough state to manage to justify Redux); state starts with a placeholder text (which will be modified to meet the test requirements), state updates according to any changes entered in the editor–all seemed to be going smoothly!

Alas, when I go to actually add anything related to the Marked library, my page breaks down. I have a feeling it is something simple that I am just overlooking.

To make it a bit easier to see what’s going on, the very first line of JS code is commented out (where I try to just declare a renderer constant using Marked–specifically:

const renderer = new marked.Renderer()

If you uncomment that, it seems like everything breaks down, but I’m not quite sure why. If anyone could help me out here it would be greatly appreciated!

Thank you!

Matt

2

It’s looking good so far!

You did indeed overlook a small thing; you imported the link from the challenge page and not the actual package. (i checked browser console and saw ‘marked’ not defined, which made me double check your imports)

importing https://cdnjs.cloudflare.com/ajax/libs/marked/0.7.0/marked.js will get it going; but getting it to work the way you want will be the next challenge :slight_smile: Good luck!

1 Like
3

Uy. I knew it. With me, it’s always issues like this. Thank you so much for seeing that to which I was temporarily blind!