anki填空题卡片模板

最近开始使用anki了,想在零碎时间背点东西。找了很多填空题代码,都没有看到合适的,最终决定自己摸索着改了一版。目前测试是Android和win都可正常使用。
模板题型:填空题(带划线)
主要功能:空格处划线,并每个空格可以点击出现答案。
主要样式
anki填空题模板

使用了两个字段:内容和相关知识。
内容就是所需背诵的知识点内容,相关知识可以填入扩展知识。

1、正面
anki模板win正面
2、背面
anki模板win背面

根据本人的使用需求是把全内容显示设置成了正面,填空划线设置成了背面,这样可以先背再检验是否已记住主要内容,如有需要可以正背面代码互换。
相关知识在正面采用的是全显示的方式,背面可以选择点击相关知识出现内容,根据情况选择是否需要二次背诵。
背面使用的是 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);
                   
  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值