假名模式的例句以假名形式显示

[cloudfish]

目前假名模式的例句仍以汉字形式显示，容易泄露答案，而且改成假名形式便于区分同音词。

修改模板正面例句部分html，给四个例句添加不同的class

  <ul class="SentenceList">
    {{#SentKanji1}}
    <li class="Sentence">
      <h3 class="SentKanji SentKanji1 LabelIndent" lang="ja">
        {{#SentFurigana1}}{{kanji:SentFurigana1}}{{/SentFurigana1}}
        {{^SentFurigana1}}{{kanji:SentKanji1}}{{/SentFurigana1}}
      </h3>
    </li>
    {{/SentKanji1}}

    {{#SentKanji2}}
    <li class="Sentence">
      <h3 class="SentKanji SentKanji2 LabelIndent" lang="ja">
        {{#SentFurigana2}}{{kanji:SentFurigana2}}{{/SentFurigana2}}
        {{^SentFurigana2}}{{kanji:SentKanji2}}{{/SentFurigana2}}
      </h3>
    </li>
    {{/SentKanji2}}

    {{#SentKanji3}}
    <li class="Sentence">
      <h3 class="SentKanji SentKanji3 LabelIndent" lang="ja">
        {{#SentFurigana3}}{{kanji:SentFurigana3}}{{/SentFurigana3}}
        {{^SentFurigana3}}{{kanji:SentKanji3}}{{/SentFurigana3}}
      </h3>
    </li>
    {{/SentKanji3}}

    {{#SentKanji4}}
    <li class="Sentence">
      <h3 class="SentKanji SentKanji4 LabelIndent" lang="ja">
        {{#SentFurigana4}}{{kanji:SentFurigana4}}{{/SentFurigana4}}
        {{^SentFurigana4}}{{kanji:SentKanji4}}{{/SentFurigana4}}
      </h3>
    </li>
    {{/SentKanji4}}
  </ul>

写一个函数，在设置为kana时，把例句部分html的“kanji”替换为“kana”

  function hideSentenceKanji() {
    if (CONFIG().settings.display === 'kana') {
      if (isBackSide()) {
        if (isAndroid()) {
          updateText('.SentKanji1', '{{#SentFurigana1}}{{kanji:SentFurigana1}}{{/SentFurigana1}}{{^SentFurigana1}}{{kanji:SentKanji1}}{{/SentFurigana1}}')
          updateText('.SentKanji2', '{{#SentFurigana2}}{{kanji:SentFurigana2}}{{/SentFurigana2}}{{^SentFurigana2}}{{kanji:SentKanji2}}{{/SentFurigana2}}')
          updateText('.SentKanji3', '{{#SentFurigana3}}{{kanji:SentFurigana3}}{{/SentFurigana3}}{{^SentFurigana3}}{{kanji:SentKanji3}}{{/SentFurigana3}}')
          updateText('.SentKanji4', '{{#SentFurigana4}}{{kanji:SentFurigana4}}{{/SentFurigana4}}{{^SentFurigana4}}{{kanji:SentKanji4}}{{/SentFurigana4}}')
        }
        return
      }
      updateText('.SentKanji1', '{{#SentFurigana1}}{{kana:SentFurigana1}}{{/SentFurigana1}}{{^SentFurigana1}}{{kana:SentKanji1}}{{/SentFurigana1}}')
      updateText('.SentKanji2', '{{#SentFurigana2}}{{kana:SentFurigana2}}{{/SentFurigana2}}{{^SentFurigana2}}{{kana:SentKanji2}}{{/SentFurigana2}}')
      updateText('.SentKanji3', '{{#SentFurigana3}}{{kana:SentFurigana3}}{{/SentFurigana3}}{{^SentFurigana3}}{{kana:SentKanji3}}{{/SentFurigana3}}')
      updateText('.SentKanji4', '{{#SentFurigana4}}{{kana:SentFurigana4}}{{/SentFurigana4}}{{^SentFurigana4}}{{kana:SentKanji4}}{{/SentFurigana4}}')
    }
  }

（判断Android那部分应该是为了解决什么bug，总之我就参考hideKanji()来写了）

调用这个函数，需要放在setType()之前，否则会把setType()添加的例句标签覆盖

  function setupCard() {
    lookUp()
    feedback()
    setLang()
    hideSentenceKanji()
    setType()
    markWords()
    hideKanji()
    removeSpaces()
    checkVersion()
  }

最好还可以在设置为kana时显示单词和例句的音频播放按钮，但是我改了一下，好像会引起别的问题，所以就没继续弄了，应该只对卡片正面自动播放音频的人比较有用，我自己是修改了html部分，一律显示音频按钮的。

效果图，例句部分是区分“協会”和“境界”的唯一办法了

[5mdld]

感谢分享，转发至 discussion 供有需要的人参考。