Support custom size for images in markdown (#384)

bioimage-io · Apr 11, 2024 · f851ef6 · f851ef6
1 parent 5923089
commit f851ef6
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -70,6 +70,20 @@
         theme: 'classic',
         tabComments: true,
         tabHeadings: true
+      },
+      markdown: {
+        renderer: {
+          image(src, title, alt) {
+            // resolve src to basePath
+            // e.g. http://localhost:8080/docs#/user_guide/a.jpg -> docs/user_guide/a.jpg
+            if(!src.startsWith('http') && !src.startsWith('/')){
+              const url = new URL(src, window.location.href.replace(/#\//, '/')); // remove hash
+              src = url.pathname;
+            }
+            const [width, height] = (title && title.startsWith('=')) ? title.slice(1).split('x').map(v => v.trim()).filter(Boolean) : [];
+            return `<img src="${src}" alt="${alt}"${width ? ` width="${width}"` : ''}${height ? ` height="${height}"` : ''}>`;
+          }
+        }
       }
     };
   </script>