Closet For Anki [Official support]

Anki Add-ons
118

Hi, Thanks for the reply

used the code as you said… Not working

the cloze is highlighted and shown… i am giving the whole code below…

Thanks for your great effort…This addon has increased the power of anki multifold…

const elements = closet.template.anki.getQaChildNodes();
const memory = chooseMemory(“closet__1”);
const filterManager = closet.FilterManager.make(preset, memory.map);

const output = [[elements, memory, filterManager]];

/* here goes the setup - change it to fit your own needs */

filterManager.install(
closet.recipes.shuffle({ tagname: “mix” }),
closet.recipes.order({ tagname: “ord” }),

closet.flashcard.recipes.cloze.show({tagname: "c"}),
closet.flashcard.recipes.cloze.reveal({tagname: "cr"}),    
closet.flashcard.recipes.cloze.hide({tagname: "ch"}),

closet.flashcard.recipes.multipleChoice({tagname: “mc”,defaultBehavior: closet.flashcard.behaviors.Show,
}),

closet.flashcard.recipes.sort({tagname: "sort",defaultBehavior: closet.flashcard.behaviors.Show,
}),

closet.flashcard.recipes.cloze({
tagname: ‘c’,
defaultBehavior: closet.flashcard.behaviors.Hide,
}),

closet.browser.recipes.rect.show({tagname: 'rect'}),

closet.browser.recipes.rect.reveal({tagname: 'rectr'}),

closet.browser.recipes.rect.hide({tagname: 'recth'}),

/* i added here */
closet.browser.recipes.rect({
tagname: ‘rect’,
defaultBehavior: closet.flashcard.behaviors.Hide,
}),

/* i added here ends here*/

);;

/** Click to reveal cloze */

const removeObscure = function(event) {
if (event.currentTarget.classList.contains(‘cl–obscure-clickable’)) {
event.currentTarget.classList.remove(‘cl–obscure’)
event.currentTarget.classList.remove(‘cl–obscure-hint’)
event.currentTarget.classList.remove(‘cl–obscure-fix’)
}
}

const wrappedClozeShow = closet.wrappers.aftermath(closet.flashcard.recipes.cloze.show, () => {
document.querySelectorAll(’.cl–obscure’)
.forEach(tag => {
tag.addEventListener(‘click’, removeObscure, {
once: true,
})
})
})

const obscureAndClick = (t) => {
return [<span class="cl--obscure cl--obscure-hint cl--obscure-clickable">${t.values[0]}</span>]
}

const obscureAndClickFix = (t) => {
return [<span class="cl--obscure cl--obscure-fix cl--obscure-clickable"><span>${t.values[0]}</span></span>]
}

const frontStylizer = closet.Stylizer.make({
processor: v => <span style="color: cornflowerblue">${v}</span>,
})

filterManager.install(
wrappedClozeShow({
tagname: ‘c’,
frontEllipser: obscureAndClick,
frontStylizer: frontStylizer,
}),

wrappedClozeShow({
tagname: ‘cx’,
frontEllipser: obscureAndClickFix,
frontStylizer: frontStylizer,
}),
)

// Auto scroll to first active cloze
setTimeout(() => {
document.querySelector(".closet-cloze.is-active").scrollIntoView({
behavior: “smooth”,
block: “center”
})
}, 0)