Code and blockquotes not displaying as expected about react-markdown HOT 3 CLOSED

The default configuration doesn't do any syntax highlighting or styling. This means it's up to the implementer to choose how things should look.

Blockquotes can be easily styled. The demo uses the following CSS, for instance:

blockquote {
    color: #666;
    margin: 0;
    padding-left: 3em;
    border-left: 0.5em #eee solid;
}

The demo uses highlight.js for syntax highlighting through a custom renderer.
See demo/src/code-block.js for how that works, and demo/src/demo.js for how to enable the renderer.

Of course, this approach relies on hljs being loaded into the DOM already.

I also have a repository called react-markdown-examples which includes a better (though more complicated) example of syntax highlighting, using react-lowlight.

from react-markdown.

Thanks for the comments here. Was looking for the same thing. It might make sense to include a note about the examples repo in the main README.

from react-markdown.

If it helps anyone who comes here later, if you're using bootstrap, it'll automatically help style it.

from react-markdown.