发现了一个anki客观题的模板不错，试着修改了一下

发现了一个anki客观题的模板不错，试着修改了一下

把分组加入了美化，加了两个漂浮按钮，可以直接搜索问题和搜索解析！

觉得这个模板不错是因为模板 对导入比较友好，方便小白批量导入！

导入格式就是 题干 选项 答案 解析 分组

字段

选项 后用“|”分隔，或者改动在模板里把这个改成相应的！

正面模板

<div class="front1"><tou>{{分组}}</tou> <geshi>{{问题}}</div><ol class="options" id="optionList"></ol><div class="form1" id="options" style="display:none" >{{选项}}</div><div id="answer" style="display:none">{{答案}}</div><s><input id="submit" type="button" value="提交" onclick="showAnswer();"/></s><script>if(typeof(mc)=="undefined"){var script=document.createElement('script')script.innerHTML="var mc={checked:{}}"document.head.appendChild(script)}showOptions();saveState();</script><div class="tiaozhuang2" ><a onclick="event.stopPropagation();" href="http://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=baidu&wd={{text:解析}}&oq=rgb%25E9%25A2%259C%25E8%2589%25B2&rsv_pq=ffea36800012b7be&rsv_t=0099p%2FJlfkki%2FXVSYvRjhfMU8bzZXiMXxIxBTIhce4TV8rUkAumOaRoNDxo&rqlang=cn&rsv_dl=tb&rsv_enter=0&rsv_btype=t&inputT=1870&rsv_sug3=16&rsv_sug1=9&rsv_sug7=100&rsv_sug4=1870"><duo>搜解析</duo></ a></div> <div class="tiaozhuang1" ><a onclick="event.stopPropagation();" href="http://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=baidu&wd={{text:问题}}&oq=rgb%25E9%25A2%259C%25E8%2589%25B2&rsv_pq=ffea36800012b7be&rsv_t=0099p%2FJlfkki%2FXVSYvRjhfMU8bzZXiMXxIxBTIhce4TV8rUkAumOaRoNDxo&rqlang=cn&rsv_dl=tb&rsv_enter=0&rsv_btype=t&inputT=1870&rsv_sug3=16&rsv_sug1=9&rsv_sug7=100&rsv_sug4=1870"><wei>搜问题</wei></ a></div>

共享格式

.card {text-align: left;}</style><style>.card{font-family:微软雅黑;font-size:18px;background:#eeeeee;}.right{color:#41b349;}.miss{color:#1677b3;font-family:"微软雅黑";font-weight:bold;}.wrong{color:#de1c31;font-size:1.2rem;text-decoration:line-through;}.front1{font-family:"宋体","Times New Roman",sans-serif;display:block;background:rgb(248,248,255);font-weight:none;color:black;font-size:18px;border-color:rgb(128,128,0);border-style:nonenonedasheddouble;border-radius:5px5px5px15px;border-width:0em0em0.1em0.5em;text-align:left;text-indent:1em;margin:0em0em0.25em0em;padding:0.5em0.25em0.5em0.25em;width:auto;height:auto;line-height:1.5em;}.fre1{font-family:"微软雅黑","Times New Roman",sans-serif;display:block;text-align:left;font-size:1rem;color:#2177b8;margin:0em;padding:0em;}.form1{font-family:"宋体","Times New Roman",sans-serif;display:block;background:rgb(248,248,255);font-weight:none;color:black;font-size:18px;border-color:rgb(128,128,0);border-style:nonenonedasheddouble;border-radius:5px5px5px15px;border-width:0em0em0.1em0.5em;text-align:left;text-indent:1em;margin:0em0em0.25em0em;padding:0.5em0.25em0.5em0.25em;width:auto;height:auto;line-height:1.5em;}.form2{display:block;background:rgb(248,248,255);font-size:1em;text-indent:2em;border-style:nonenonedashedgroove;border-radius:5px5px5px15px;border-width:0em0em0.1em0.5em;text-align:left;text-indent:1.5em;padding:0.25em0.25em0.25em0.25em;margin:0.25em0.25em0.25em0.25em;border-color:#8abcd1;}.options{font-family:"宋体","Times New Roman",sans-serif;list-style:upper-latin;display:block;background:rgb(248,248,255);color:black;font-size:18px;border-color:rgb(128,128,0);border-style:nonenonedasheddouble;border-radius:5px5px5px15px;border-width:0em0em0.1em0.5em;text-align:left;padding:0.25em0.25em0.25em9%;margin:0.55em0em0.25em0em;width:auto;height:auto;line-height:1.5em;}.ana{font-family:"宋体","Times New Roman",sans-serif;display:block;background:rgb(248,248,255);font-weight:none;color:black;font-size:18px;border-color:rgb(138,43,226);border-style:nonenonedasheddouble;border-radius:5px5px5px15px;border-width:0em0em0.1em0.5em;text-align:left;text-indent:1em;margin:0em0em0.25em0em;padding:0.5em0.25em0.5em0.25em;width:auto;height:auto;line-height:1.5em;}.options*{cursor:pointer;}.options*:hover{font-family:"微软雅黑";font-weight:bold;}li{padding:8px}.macs{display:none;}.ioss{display:none;}.wins{display:none;}div{margin:5px0px;}/* ----------头尾样式---------- */wei{color:#28004D;background-color:#C4E1E1;font-weight:700;margin:08px00;font-size:15px;padding:07px;border-radius:4px;line-height:26px;transform:translate(0);vertical-align:middle;text-align:justify;box-sizing:border-box;display:inline-block}tou{color:#FFFFFF;line-height:22px;font-size:18px;display:inline-block;vertical-align:middle;background-color:#0f8c9a;border-radius:0px50px50px0px;}geshi{text-shadow:.1rem1rem.0remred,-.1rem0rem.1remred,0rem.2rem.5remred,0rem-.0rem.2remred;text-shadow:5px5px5px#C0C0C0;}.tiaozhuang1{display:inline-block;border:none;color:white;background-color:none;border-radius:100%;margin:0;font-size:0.7em;padding:0.25em;width:autorem;height:auto;line-height:1rem;position:fixed;bottom:40%;right:0px;text-align:center;opacity:0.6;}.tiaozhuang2{display:inline-block;border:none;color:white;background-color:none;border-radius:60%;margin:0;font-size:0.7em;padding:0.25em;width:autorem;height:auto;line-height:1rem;position:fixed;bottom:70%;right:0px;text-align:center;opacity:0.6;}/* ----------单选多选不定项---------- */dan{font-size:90%;letter-spacing:0rem;padding:0.1rem;opacity:0.7;border-radius:30%;color:white;background-color:#fc6315;font-weight:bold}duo{font-size:90%;letter-spacing:0rem;padding:0.1rem;opacity:0.7;border-radius:30%;color:white;background-color:#FF0000;font-weight:bold}buding{font-size:90%;letter-spacing:0rem;padding:0.1rem;opacity:0.7;border-radius:30%;color:white;background-color:#9c6db8;font-weight:bold}</style><script>functionsaveState(){varitems=document.getElementById("optionList").getElementsByTagName("input");for(vari=items.length-1;i>=0;i--){varcheckbox=items[i];mc.checked[checkbox.id]=checkbox.checked}}functionrestoreState(){for(varkeyinmc.checked){document.getElementById(key).checked=mc.checked[key]}}functionshowAnswer(){varitems=document.getElementById("optionList").getElementsByTagName("input");for(vari=items.length-1;i>=0;i--){varcheckbox=items[i];if(checkbox.checked){checkbox.parentNode.className="wrong"}}for(vari=0;i<mc.answer.length;i++){console.log(mc.answer[i]);document.getElementById(mc.answer[i]).parentNode.className="right";if(!document.getElementById(mc.answer[i]).checked){document.getElementById(mc.answer[i]).parentNode.className+=" miss"}}}functionshowOptions(){document.getElementById("answer").parentNode.innerHTML+="</br><div class='from'></div>"mc.answer=document.getElementById("answer").innerHTML;varoptions=document.getElementById("optionList");varoptionsArray=document.getElementById("options").innerHTML.split("|");for(varkeyinoptionsArray){options.innerHTML+="<li onclick='toggle(this)'><input type='$t' name='options' id='$id' onclick='toggle(this.parentNode)' /><label>$label</label></li>".replace("$id",optionsArray[key].slice(0,1)).replace("$label",optionsArray[key].slice(2)).replace("$t",mc.answer.length===1?"radio":"checkbox")}}functiontoggle(item){item.getElementsByTagName("input")[0].checked=!item.getElementsByTagName("input")[0].checked;saveState();}</script>

反面

<divclass="form1"><buding>{{分组}}</buding>{{问题}}</div><divid="f1"style="anki1"></div><olclass="options"id="optionList"></ol><divid="options"style="display:none">{{选项}}</div><divclass="ana">{{解析}}</div><divid="answer"style="display:none">{{答案}}</div><script>if(typeof(mc)=="undefined"){varscript=document.createElement('script')script.innerHTML="var mc={checked:{}}"document.head.appendChild(script)}showOptions();restoreState();showAnswer();</script><divstyle='font-family: Arial; font-size: 12px;float:left;color: #336666'><ahref='http://note.youdao.com/noteshare?id=313f66e9d7dbd229470d87b20030421f'>--资料说明--</a></div><divstyle='font-family: Arial; font-size: 12px;float:left;color: #003399'><ahref='http://anki.ys168.com/'>--资料下载--</a></div><divstyle='font-family: Arial; font-size: 12px;float:left;color: #336633'><ahref='https://weibo.com/u/5800172329'>--微博动态--</a></div><divstyle='font-family: Arial; font-size: 12px;float:left;color: #003300'>☑<ahref='https://www.xiaohongshu.com/user/profile/5ebfaf37000000000100268d?xhsshare=CopyLink&appuid=5ebfaf37000000000100268d&apptime=1590690102'>--小红书--</a>📕</div>

代码字段都在上面，不想动手的也可以下载：

发布于刚刚