Obsidian JS snippet for centering images in reading mode

veggiebun · April 6, 2022, 5:35am

Sharing a JS snippet for centering images (which is left-aligned by default) in Obsidian reading mode. I load this script with “JavaScript Init” plugin.

gist.github.com

https://gist.github.com/rxian/6f0e666dda9ced66e940b976f0a72a3e

obsidian-center-image.js

// Use with JavaScript Init plugin (https://github.com/ryanpcmcquen/obsidian-javascript-init)
var observer = new MutationObserver(function(mutationsList, observer) {
  mutationsList.forEach(function(mutation) {
    mutation.addedNodes.forEach(function(addedNode) {
      addedNode.querySelectorAll('.image-embed').forEach(function(e) {
        e.parentNode.style["text-align"] = "center";
      });
    });
  });
});

This file has been truncated. show original