markup: able to display image from IPython notebook (#4366)

1 files changed, 7 insertions, 2 deletions

diff --git a/templates/repo/view_file.tmpl b/templates/repo/view_file.tmpl
index b8d6c1e4..dea9493e 100644
--- a/templates/repo/view_file.tmpl
+++ b/templates/repo/view_file.tmpl
@@ -42,7 +42,6 @@
 			{{else if .IsIPythonNotebook}}
 				<script>
 					var rendered = null;
-					console.log("fuck")
 					$.getJSON("{{.RawFileLink}}", null, function(notebook_json) {
 						var notebook = nb.parse(notebook_json);
 						rendered = notebook.render();
@@ -52,8 +51,14 @@
 							hljs.highlightBlock(block);
 						});
 
+						// Overwrite image method to append proper prefix to the source URL
+						var renderer = new marked.Renderer();
+						var context = '{{.TreeLink}}'.replace('/src/', '/raw/');
+						renderer.image = function (href, title, text) {
+							return `<img src="${context}/${href}"`
+						}
 						$("#ipython-notebook .nb-markdown-cell").each(function(i, markdown) {
-							$(markdown).html(marked($(markdown).html()));
+							$(markdown).html(marked($(markdown).html(), {renderer: renderer}));
 						});
 					});
 				</script>