pinyin-input

Pinyin Input for Anki

Table of Contents
  1. About
  2. Getting Started
  3. Setup

About

example

This is an Anki card script that is meant to allow the user to type in pinyin and get feedback based on the answer of the card.

Getting Started

You will need to have at least Anki 2.1.35 installed in order for everything to run smoothly (This script has not been tested on earlier versions).

Setup

  1. You will need the following fields in your anki cardtype
    • pinyin
  2. Copy the following HTML into the front of your Anki card 
     <div id="answer" class="answer">ANSWER GOES HERE</div>
   <div class="container">
       <div class="output"id="output">
           <div class="message" id="message">Click here to start typing...</div>
       </div>
       <button class="submit" id="submit">Check Pinyin</button>
   </div>
 <div class="dummy-input"><input type="text" id="input"></div>
 <script></script>
  3. Where it says “ANSWER GOES HERE” in the HTML put or whatever you are trying to compare the input to.
  4. In the style part of your anki card, copy and paste the style.css into that section.
  5. Finally, on the front of the card, copy the script from the main.js file in between the
  6. Good luck with your studies!
This site is open source. Improve this page.