My problem is idk how to get the markdown styled, for example the code block and quote block are all the same. Besides that the text going out if the screen got smaller and tables aren’t showing.
PS: the string I got from other project just to test if it works. and the borders are just to see what’s going on with my elements
please help I’ve been trying to solve this problem for 2 days now.
here is my app: https://redapy.github.io/Markdown-previewer/
You should be able to style the html in the previewer with CSS the same way you would style any other elements on the page. Right now it is using the browser defaults. I would suggest you add some padding to the previewer div so the content doesn’t come up right against the edges of the div.
Do you mean the <blockquote> element? I’m assuming you know basic CSS. The preview div has an id of preview, so you can use that to specify that you only want to target the blockquote in the preview div. Or perhaps I am not understanding your question correctly. If not, please be very specific about what you are asking.
You might look at the example project to see how it is done. The blockquote has specific styles applied, the pre element has overflow: auto to prevent the code overflowing and it is using a syntax highlighting library for the code colors.
Problem solved. I’m feeling so dump that I asked suck a question XD. thanks a lot guys for your help. I should just give it a style normal as other elments.
No, don’t feel dumb. You are learning a lot of new stuff to create these projects. Information overload can sometimes make you forget the basics. Happens to the best of us. Keep up the good work.