Link Search Menu Expand Document

How to use the website

The site displays all kinds of effects you can apply, when you use Closet. This effects are things you’d want to apply to your flashcards. These include:

There are two parts to this website:

  • the effect previews
  • the tester

Effect Previews

The effect previews contain various code displays, like the one below:

/** Default cloze */
filterManager.install({ tagname: 'c' }),{ tagname: 'ch' }),{ tagname: 'cr' }),
Closet is a [[c0::template engine]].

If you use Closet For Anki, there are the following things to take in account:

  • The lower part of the display shows the text you’d fill into your note fields
  • The upper part is what you expect as output on the displayed card in the reviewer (or previewer)

Here you can see the same example, but filled into the Anki windows:

Closet logo Closet logo
  • The buttons signify different configurations or environments:
    • For Anki this means whether it is the front, or the back of the card
    • Additionaly they might designate the card number
  • The setup button will give you the JavaScript code, you’d need to configure Closet to transform the input text in the lower part to the output text in the upper part
  • Clicking tester takes you to the other part of this website, the tester
    • The tester will be preconfigured with the setup of the effect preview you came from
    • It let’s you change the text, and play around with other setups or configurations

Card Numbers

Closet inherently supports the notion of different card numbers:

  • The effect previews will typically have buttons with labels such as Front 1, Front 2, Back 1, or simply F1, F2, B1, and so on
  • These numbers imply the card number
  • In Closet For Anki itself, Closet infers the card number by looking at the card name:


In this example, Card 1 would be considered to have card number 1, Card 2 would have card number 2, and Extra would have an undefined card number.

Take the functionality to Anki