Optimized image rendering, avoid duplicated image load when content changed

1 files changed, 2 insertions, 7 deletions

diff --git a/public/js/syncscroll.js b/public/js/syncscroll.js
index 48829a4a..2ed3ff03 100644
--- a/public/js/syncscroll.js
+++ b/public/js/syncscroll.js
@@ -74,13 +74,8 @@ md.renderer.rules.image = function (tokens, idx, options /*, env */ ) {
     var title = tokens[idx].title ? (' title="' + Remarkable.utils.escapeHtml(Remarkable.utils.replaceEntities(tokens[idx].title)) + '"') : '';
     var alt = ' alt="' + (tokens[idx].alt ? Remarkable.utils.escapeHtml(Remarkable.utils.replaceEntities(tokens[idx].alt)) : '') + '"';
     var suffix = options.xhtmlOut ? ' /' : '';
-    var image = $('<img' + src + alt + title + suffix + '>');
-    image[0].onload = function (e) {
-        if (viewAjaxCallback)
-            viewAjaxCallback();
-    };
-    return image[0].outerHTML;
-};
+    return '<img class="raw"' + src + alt + title + suffix + '>';
+}
 
 md.renderer.rules.fence = function (tokens, idx, options, env, self) {
     var token = tokens[idx];