🦉 allow images

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);
+          const isMxc = typeof props.src === 'string' && props.src.startsWith('mxc://');
-          if (htmlSrc && props.src.startsWith('mxc://') === false) {
+          const htmlSrc = isMxc
-            return (
+            ? mxcUrlToHttp(mx, props.src, params.useAuthentication)
-              <a href={htmlSrc} target="_blank" rel="noreferrer noopener">
+            : props.src;
-                {props.alt || props.title || htmlSrc}
-              </a>
-            );
-          }
           if (htmlSrc && 'data-mx-emoticon' in props) {
             return (
               <span className={css.EmoticonBase}>

src/app/utils/sanitize.ts

@@ -105,26 +105,12 @@ const transformATag: Transformer = (tagName, attribs) => ({
   },
 });
 
-const transformImgTag: 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,
   },
-  };
+});
-};
 
 export const sanitizeCustomHtml = (customHtml: string): string =>
   sanitizeHtml(customHtml, {