diff --git a/client/src/components/GiftTemplate/templates/TextTypeTemplate.ts b/client/src/components/GiftTemplate/templates/TextTypeTemplate.ts index 8e07345..3c17ad6 100644 --- a/client/src/components/GiftTemplate/templates/TextTypeTemplate.ts +++ b/client/src/components/GiftTemplate/templates/TextTypeTemplate.ts @@ -1,4 +1,6 @@ -import { marked } from 'marked'; +// import { marked } from 'marked'; +import marked from 'src/markedConfig'; + import katex from 'katex'; import { TextFormat } from 'gift-pegjs'; import DOMPurify from 'dompurify'; // cleans HTML to prevent XSS attacks, etc. diff --git a/client/src/markedConfig.ts b/client/src/markedConfig.ts new file mode 100644 index 0000000..3abbf0b --- /dev/null +++ b/client/src/markedConfig.ts @@ -0,0 +1,14 @@ +import { marked, Renderer } from 'marked'; + +const renderer = new Renderer(); + +renderer.image = ({href, title, text}) => { + const [width, height] = title?.startsWith('=') ? title.slice(1).split('x').map(v => v.trim()).filter(Boolean) : []; + return `${text}`; +} + +marked.use({ + renderer: renderer +}); + +export default marked;