Skip to content

Instantly share code, notes, and snippets.

@CarlOlson
Created December 5, 2019 13:47
Show Gist options
  • Save CarlOlson/65fe5b331d68d36fcadc4fd84d30e480 to your computer and use it in GitHub Desktop.
Save CarlOlson/65fe5b331d68d36fcadc4fd84d30e480 to your computer and use it in GitHub Desktop.
Anki RTK Kanji<->Keyword on Hover Script
let mapping = {
福: "blessing"
};
let element = document.querySelector("pre");
let chars = [...element.innerText];
element.innerHTML = "";
chars.map((char) => {
if ((/[\u4E00-\u9FAF\uFF66-\uFF9D]/).test(char)) {
let node = document.createElement("span")
node.textContent = char
node.addEventListener("mouseenter", () => {
node.textContent = mapping[char] || char
})
node.addEventListener("mouseleave", () => {
node.textContent = char
})
return node
} else {
return document.createTextNode(char)
}
}).forEach((node) => element.appendChild(node));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment