From 42e3d97e91ad1d3a53206080d1e20ed88964223b Mon Sep 17 00:00:00 2001
From: Jason Park <parkjs814@gmail.com>
Date: Fri, 14 Dec 2018 05:11:23 -0500
Subject: [PATCH] Fix wikipedia images and equations in markdown

---
 .../core/renderers/MarkdownRenderer/index.jsx | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/frontend/core/renderers/MarkdownRenderer/index.jsx b/src/frontend/core/renderers/MarkdownRenderer/index.jsx
index b9ffd7f..03c49d4 100644
--- a/src/frontend/core/renderers/MarkdownRenderer/index.jsx
+++ b/src/frontend/core/renderers/MarkdownRenderer/index.jsx
@@ -45,15 +45,20 @@ class MarkdownRenderer extends Renderer {
     };
 
     const image = ({ src, ...rest }) => {
-      let newSrc;
-      const codecogs = 'https://latex.codecogs.com/svg.latex?';
-      if (src.startsWith(codecogs)) {
-        const latex = src.substring(codecogs.length);
-        newSrc = `${codecogs}\\color{White}${latex}`;
-      } else {
-        newSrc = src;
+      let newSrc = src;
+      let style = { maxWidth: '100%' };
+      const CODECOGS = 'https://latex.codecogs.com/svg.latex?';
+      const WIKIMEDIA_IMAGE = 'https://upload.wikimedia.org/wikipedia/';
+      const WIKIMEDIA_MATH = 'https://wikimedia.org/api/rest_v1/media/math/render/svg/';
+      if (src.startsWith(CODECOGS)) {
+        const latex = src.substring(CODECOGS.length);
+        newSrc = `${CODECOGS}\\color{White}${latex}`;
+      } else if (src.startsWith(WIKIMEDIA_IMAGE)) {
+        style.backgroundColor = 'white';
+      } else if (src.startsWith(WIKIMEDIA_MATH)) {
+        style.filter = 'invert(100%)';
       }
-      return <img src={newSrc} style={{ maxWidth: '100%' }} {...rest} />;
+      return <img src={newSrc} style={style} {...rest} />;
     };
 
     return (
-- 
GitLab