diff options
| author | jackyzha0 <[email protected]> | 2020-09-04 11:31:47 -0700 |
|---|---|---|
| committer | jackyzha0 <[email protected]> | 2020-09-04 11:31:47 -0700 |
| commit | 006b0208e1d0cfcaddf2842e38a3d7fd2374f136 (patch) | |
| tree | f0e277d990ce451cc437c4a2cbec741f90d4a4eb /frontend/src/components/renderers/Markdown.js | |
| parent | add md class to preview renderer (diff) | |
| download | ctrl-v-006b0208e1d0cfcaddf2842e38a3d7fd2374f136.tar.xz ctrl-v-006b0208e1d0cfcaddf2842e38a3d7fd2374f136.zip | |
add code highlighting to md
Diffstat (limited to 'frontend/src/components/renderers/Markdown.js')
| -rw-r--r-- | frontend/src/components/renderers/Markdown.js | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/frontend/src/components/renderers/Markdown.js b/frontend/src/components/renderers/Markdown.js index b9b9112..16f5e37 100644 --- a/frontend/src/components/renderers/Markdown.js +++ b/frontend/src/components/renderers/Markdown.js @@ -1,6 +1,7 @@ import React from 'react'; import ReactMarkdown from 'react-markdown'; import styled from 'styled-components' +import MarkdownCodeRenderer from './InlineCode' const Content = styled.div` max-width: 100%; @@ -11,7 +12,13 @@ const Content = styled.div` ` const Markdown = ({content}) => { return <Content> - <ReactMarkdown source={content} /> + <ReactMarkdown + source={content} + linkTarget='_blank' + renderers={{ + code: MarkdownCodeRenderer, + }} + /> </Content>; } |