MediaWiki:Common.js

Note: After saving, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

function initializeCharDivs() {
  // find all divs with class "js-hanzi"
  const charDivs = document.querySelectorAll('.js-hanzi');
  for(let idx = 0; idx < charDivs.length; idx++) {
    // get the character from the data-char attribute
    const char = charDivs[idx].dataset.char;
    // create a writer for the character, and loop animation
    const writer = HanziWriter.create(charDivs[idx], char, {
      width: 100,
      height: 100,
      padding: 5,
      showOutline: true,
    });
    writer.loopCharacterAnimation();
  };
};
document.addEventListener('DOMContentLoaded', initializeCharDivs);
initializeCharDivs();