diff options
| -rw-r--r-- | frontend/src/components/renderers/Markdown.js | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/frontend/src/components/renderers/Markdown.js b/frontend/src/components/renderers/Markdown.js index cbc8dad..81ffa67 100644 --- a/frontend/src/components/renderers/Markdown.js +++ b/frontend/src/components/renderers/Markdown.js @@ -1,14 +1,24 @@ import React from 'react'; import marked from 'marked'; +import styled from 'styled-components' + +const Content = styled.div` + max-width: 100%; + overflow-wrap: anywhere; + img { + max-width: 100%; + } +` const getHtml = (markdown) => { - const rawMarkup = marked(markdown, {sanitize: true}) + const rawMarkup = marked(markdown) + console.log(rawMarkup) return {__html: rawMarkup} } const Markdown = (props) => { const dangerousHtml = getHtml(props.content) - return <div dangerouslySetInnerHTML={dangerousHtml} />; + return <Content dangerouslySetInnerHTML={dangerousHtml} />; } export default Markdown
\ No newline at end of file |