From 44c4b35ac57071478fcbc69fb418d51c8e1c0a00 Mon Sep 17 00:00:00 2001
From: Philipp Pospischil <philipp.pospischil@univie.ac.at>
Date: Sun, 13 Apr 2025 15:50:05 +0200
Subject: [PATCH] fix: AnkiDroid compatibility with class instead of ID
---
create_from_scratch_with_csv.py | 2 +-
templates/kanji/animation.js | 11 ++++++-----
templates/kanji/back.html | 6 ++----
3 files changed, 9 insertions(+), 10 deletions(-)
diff --git a/create_from_scratch_with_csv.py b/create_from_scratch_with_csv.py
index 83781c9..500342a 100644
--- a/create_from_scratch_with_csv.py
+++ b/create_from_scratch_with_csv.py
@@ -104,7 +104,7 @@ note_type = {
'plainText': False,
'collapsed': False,
'excludeFromSearch': False,
- 'id': 1,
+ 'id': 2,
'tag': None,
'preventDeletion': False
}
diff --git a/templates/kanji/animation.js b/templates/kanji/animation.js
index d271d46..9c220bb 100644
--- a/templates/kanji/animation.js
+++ b/templates/kanji/animation.js
@@ -1,7 +1,8 @@
import HanziWriter from "hanzi-writer"
-const kanji = document.getElementById("kanji").innerText
-
-const hanziWriterContainer = document.getElementById("kanji-animation")
-
-HanziWriter.create(hanziWriterContainer, kanji).animateCharacter()
+for (const kanjiContainer of document.getElementsByClassName("kanji")) {
+ const kanjiText = kanjiContainer.textContent
+ const hanziWriterContainer = document.createElement("div")
+ kanjiContainer.append(hanziWriterContainer)
+ HanziWriter.create(hanziWriterContainer, kanjiText).animateCharacter()
+}
diff --git a/templates/kanji/back.html b/templates/kanji/back.html
index be7b333..1556d57 100644
--- a/templates/kanji/back.html
+++ b/templates/kanji/back.html
@@ -2,10 +2,8 @@
<hr id="answer">
-<div id="kanji">{{Back}}</div>
-
-<div id="kanji-animation"></div>
+<div class="kanji">{{Back}}</div>
<script type="module">
import "./animation.js"
-</script>
\ No newline at end of file
+</script>
--
GitLab