From bd04bd443b390ae4e153a6d5b17cb2ebed71ffdf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=81=8D=E5=85=AE=E6=83=9A=E5=85=AE?=
 <101191390+HIllya51@users.noreply.github.com>
Date: Thu, 16 May 2024 23:16:24 +0800
Subject: [PATCH] fix

---
 LunaTranslator/files/anki/back.html  | 12 ++++++------
 LunaTranslator/files/anki/front.html | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/LunaTranslator/files/anki/back.html b/LunaTranslator/files/anki/back.html
index a522e3e6..8ea4c4d6 100644
--- a/LunaTranslator/files/anki/back.html
+++ b/LunaTranslator/files/anki/back.html
@@ -2,25 +2,25 @@
     <div id="audio">{{audio}}</div>
     <div id="audio_sentence">{{audio_sentence}}</div>
 </div>
-<div class="centerdiv">
-    <div id="rubyword" class="ruby-div" onclick='playAudio("audio")'></div>
+<div class="centerdiv" onclick='playAudio("audio")'>
+    <div class="ruby-div" id="word">{{ word }}</div>
+    <div id="rubyword" class="ruby-div"></div>
 </div>
 
 <script>
     ruby = {{ rubytext }}
-    word = '{{ word }}'
     html = ''
     if (ruby.length) {
         for (i = 0; i < ruby.length; i++) {
             html += ruby[i]['orig'] + '<rt>' + ruby[i]['hira'] + '</rt>';
         }
         html = '<ruby>' + html + '</ruby>'
+        document.getElementById('rubyword').innerHTML = html
+        document.getElementById('word').classList.add("hide-style");
     }
     else {
-        html = word
+        document.getElementById('rubyword').classList.add("hide-style");
     }
-    document.getElementById('rubyword').innerHTML = html
-
 
 </script>
 
diff --git a/LunaTranslator/files/anki/front.html b/LunaTranslator/files/anki/front.html
index 4bfb118e..ed8a5bca 100644
--- a/LunaTranslator/files/anki/front.html
+++ b/LunaTranslator/files/anki/front.html
@@ -2,25 +2,25 @@
     <div id="audio">{{audio}}</div>
     <div id="audio_sentence">{{audio_sentence}}</div>
 </div>
-<div class="centerdiv">
-    <div id="rubyword" class="ruby-div" onclick='playAudio("audio")'></div>
+<div class="centerdiv" onclick='playAudio("audio")'>
+    <div class="ruby-div" id="word">{{ word }}</div>
+    <div id="rubyword" class="ruby-div"></div>
 </div>
 
 <script>
     ruby = {{ rubytext }}
-    word = '{{ word }}'
     html = ''
     if (ruby.length) {
         for (i = 0; i < ruby.length; i++) {
             html += ruby[i]['orig'] + '<rt>' + ruby[i]['hira'] + '</rt>';
         }
         html = '<ruby>' + html + '</ruby>'
+        document.getElementById('rubyword').innerHTML = html
+        document.getElementById('word').classList.add("hide-style");
     }
     else {
-        html = word
+        document.getElementById('rubyword').classList.add("hide-style");
     }
-    document.getElementById('rubyword').innerHTML = html
-
 
 </script>