MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */
function initializeCharDivs() {
  // find all divs with class "js-hanzi"
  const charDivs = document.querySelectorAll('.js-hanzi');
  charDivs.forEach((charDiv) => {
    // get the character from the data-char attribute
    const char = charDiv.dataset.char;
    // create a writer for the character, and loop animation
    const writer = HanziWriter.create(charDiv, char, {
      width: 100,
      height: 100,
      padding: 5,
      showOutline: true,
    });
    writer.loopCharacterAnimation();
  });
};
document.addEventListener('DOMContentLoaded', initializeCharDivs);
initializeCharDivs();