最近开始使用anki了,想在零碎时间背点东西。找了很多填空题代码,都没有看到合适的,最终决定自己摸索着改了一版。目前测试是Android和win都可正常使用。
模板题型:填空题(带划线)
主要功能:空格处划线,并每个空格可以点击出现答案。
主要样式:
使用了两个字段:内容和相关知识。
内容就是所需背诵的知识点内容,相关知识可以填入扩展知识。
1、正面
2、背面
根据本人的使用需求是把全内容显示设置成了正面,填空划线设置成了背面,这样可以先背再检验是否已记住主要内容,如有需要可以正背面代码互换。
相关知识在正面采用的是全显示的方式,背面可以选择点击相关知识出现内容,根据情况选择是否需要二次背诵。
背面使用的是 anki填空题点一个显示一个,能够实现点击出现一个一个空验证。
代码:
1、正面(全显示,挖空部分显示红色并有下划线)
<div class="h2 xleft" id="div0" style="display:none; ">{
{内容}}</div>
<div class="h2 xleft" id="div1" style="display:block;">{
{内容}}</div>
{
{#相关知识}}
<br><div class="slide">
<div class="h1 zcolor zleft">
<span class="zimg"><height="24" width="24" /></span>
相关知识:
</div>
<div class="h2 zleft">{
{相关知识}}</div></div>
{
{/相关知识}}
<input class="btn" type="button" onclick="showAndHidden();" value="" style="display:none;" />
<div style="display:none">{
{cloze:内容}}</div>
<script type="text/javascript">
var arr = new Array,arr1 = new Array,arr2 = new Array;
/
[].forEach.call(document.querySelectorAll('#div0'),
function(V0) {
V0.innerHTML = V0.innerHTML.replace(/\{\{[c]\d+\:\:([^\{|\}]+?)\}\}/g,
function(cloze) {
var div30='<span id="div3" οnclick="toggle(this)" class="cloze" cloze="@CLOZE@" cloze1="@CLOZE@1" cloze2="@CLOZE@2" wor="wor2">@......@</span>';
var dd1=cloze.indexOf("::"),dd2=cloze.lastIndexOf("::"),dd3=cloze.length,cc=0,cc1=0,cc2=0;
var word = cloze.substring(dd1+2, dd3-2);