diff --git a/src/app/plugins/react-custom-html-parser.tsx b/src/app/plugins/react-custom-html-parser.tsx index 961131d9..97e2c99a 100644 --- a/src/app/plugins/react-custom-html-parser.tsx +++ b/src/app/plugins/react-custom-html-parser.tsx @@ -474,14 +474,10 @@ export const getReactCustomHtmlParser = ( } if (name === 'img') { - const htmlSrc = mxcUrlToHttp(mx, props.src, params.useAuthentication); - if (htmlSrc && props.src.startsWith('mxc://') === false) { - return ( - - {props.alt || props.title || htmlSrc} - - ); - } + const isMxc = typeof props.src === 'string' && props.src.startsWith('mxc://'); + const htmlSrc = isMxc + ? mxcUrlToHttp(mx, props.src, params.useAuthentication) + : props.src; if (htmlSrc && 'data-mx-emoticon' in props) { return ( diff --git a/src/app/utils/sanitize.ts b/src/app/utils/sanitize.ts index c199f69a..d9b7867b 100644 --- a/src/app/utils/sanitize.ts +++ b/src/app/utils/sanitize.ts @@ -105,26 +105,12 @@ const transformATag: Transformer = (tagName, attribs) => ({ }, }); -const transformImgTag: Transformer = (tagName, attribs) => { - const { src } = attribs; - if (typeof src === 'string' && src.startsWith('mxc://') === false) { - return { - tagName: 'a', - attribs: { - href: src, - rel: 'noreferrer noopener', - target: '_blank', - }, - text: attribs.alt || src, - }; - } - return { - tagName, - attribs: { - ...attribs, - }, - }; -}; +const transformImgTag: Transformer = (tagName, attribs) => ({ + tagName, + attribs: { + ...attribs, + }, +}); export const sanitizeCustomHtml = (customHtml: string): string => sanitizeHtml(customHtml, {