aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/renderers
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/renderers')
-rw-r--r--frontend/src/components/renderers/Markdown.js14
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