ANKI卡牌的一些使用操作

注意：下述的所有更改都是可以同步到所有设备上的更改

而且很快就OK

1. 更改各模块顺序：

 选择 "背面内容模板" 进行调整

 接着对模板内容进行修改就可以了：下图所示是将"同义词比较"模块移动到最顶端，就是显示完"单词汉语意思和个人笔记" 那一模块后就显示 "同义词比较"

 

最后点击保存就可以了：

 2. 将 英汉模式 改为  拼写模式：

同样的 前两步骤：①“编辑”  ---- ②点击"卡片"按钮

此时想更改为 拼写模式，那么卡片模板的正面和背面都需要进行改动

（一）英汉模式的 正面内容模板 的代码：

<!-- 正面单词模式 -->

<div class=english1>
<div class=section1>
<!-- 如果想输入单词进行听写，找到下方的{{Word}}，在Word前面添加"type:"（不含引号） -->
<div class=word>{{Word}}</div>
{{#Symbol}}<div class=symbol>{{Symbol}}</div>{{/Symbol}}
<!-- 要关闭单词发音，则删除下面一行-->
<div class=audio1>{{Audio}}</div>

</div></div>





<!-- 正面汉语模式 -->

<div class=chinese1>
<div class=section2>

<!-- 显示中文释义-->
<div class=chn2>{{Chn}}</div>

</div></div>

<!--微信:tank562 / 淘宝店:anki单词-->

（二）英汉模式的 背面内容模板 的代码： 

不需要重新改动，英汉模式和拼写模式之间只需要调整一个参数即可：

 以防万一，也是做个备份，将英汉模式的代码贴在这里：

<div class=section1>

<!-- 显示单词-->
<div class=word1>{{Word}}</div>

<!-- 显示音标-->
{{#Symbol}}<div class=symbol1>{{Symbol}}</div>{{/Symbol}}

<!-- 要关闭背面单词发音，则删除下面一行-->
<div class=audio2>{{Audio}}</div>

</div>

<div class=section3>

<!-- 显示图片-->
<div class=photo>{{Photo}}</div>

<!-- 显示图片的例句-->
{{#phosen}}<div class=phosen>{{phosen}}</div>{{/phosen}}

</div>

<div class=section2>

<!-- 汉语-->
<div class=chn>{{Chn}}</div>

<!-- 个人笔记-->
{{#个人笔记}}<div class=extra7>{{个人笔记}}</div>{{/个人笔记}}

</div>

<!-- 显示同义词比较-->
{{#compare}}<div class=compare1>{{compare}}</div>{{/compare}}

<!-- 分类图集-->
{{#Photo2}}<div class=photo2>{{Photo2}}</div>{{/Photo2}}

<!-- 显示词典释义-->
{{#dictionary}}<div class=dictionary>{{dictionary}}</div>{{/dictionary}}

<!-- 显示Vocabulary.com内容-->
{{#Vocabulary}}<div class=vocabulary>{{Vocabulary}}</div>{{/Vocabulary}}

<!-- 中文助记内容-->
{{#origin}}<div class=origin>{{origin}}</div>{{/origin}}

<!-- 显示及时刷新的例句-->
{{#Word}}<div id="firstline1"><b id="word">{{Word}}</b></div>
<div id="stcs9"><div id="examples"></div></div>{{/Word}}
<!--微信:tank562 / 淘宝店:anki单词-->
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
    function highlight(s, id) {
        if(s.length == 0) {
            var obj = document.getElementById(id);
            var t = obj.innerHTML.replace(/<span\s+class=.?highlight.?>([^<>]*)<\/span>/gi, "$1");
            obj.innerHTML = t;
            return false;
        }
        s = encode(s);
        var obj = document.getElementById(id);
        var t = obj.innerHTML.replace(/<span\s+class=.?highlight.?>([^<>]*)<\/span>/gi, "$1");
        obj.innerHTML = t;
        var cnt = loopSearch(s, obj);
        t = obj.innerHTML
        var r = /{searchHL}(({(?!\/searchHL})|[^{])*){\/searchHL}/g
        t = t.replace(r, "<span class='highlight'>$1</span>");
        obj.innerHTML = t;
        function encode(s) {
            return s.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/([\\\.\*\[\]\(\)\$\^])/g, "\\$1");
        }
        function decode(s) {
            return s.replace(/\\([\\\.\*\[\]\(\)\$\^])/g, "$1").replace(/>/g, ">").replace(/</g, "<").replace(/&/g, "&");
        }
        function loopSearch(s, obj) {
            var cnt = 0;
            if(obj.nodeType == 3) {
                cnt = replace(s, obj);
                return cnt;
            }
            for(var i = 0, c; c = obj.childNodes[i]; i++) {
                if(!c.className || c.className != "highlight") {
                    cnt += loopSearch(s, c);
                }
            }
            return cnt;
        }
        function replace(s, dest) {
            var r = new RegExp(s, "g");
            var tm = null;
            var t = dest.nodeValue;
            var cnt = 0;
            if(tm = t.match(r)) {
                cnt = tm.length;
                t = t.replace(r, "{searchHL}" + decode(s) + "{/searchHL}")
                dest.nodeValue = t;
            }
            return cnt;
        }
    }
</script>
<script>
    get_and_show_examples = function(query, domain, num, offset) {
        $.get(
            "https://corpus.vocabulary.com/api/1.0/examples.json", {
                query: query,
                maxResults: num,
                startOffset: offset,
                domain: domain,
                filter: 0
            },
            function(data) {
                if(data.status) {
                    return 0;
                }
                $("#examples").empty()
                var sentences = data.result.sentences
                console.log(sentences.length)
                for(i = 0; i < sentences.length; i++) {
                    sentence_data = sentences[i]
                    var sen_box = $("<div>").addClass("sentence_box")
                    var sentence = sentence_data.sentence
                    var locator = sentence_data.volume.locator
                    var from = sentence_data.volume.corpus.name
                    var dateAdded = sentence_data.volume.dateAdded
                    var title = sentence_data.volume.title
                    if(sentence) {
                        $("<p>").text(sentence).addClass("sentence").appendTo(sen_box)
                    }
                    var domain = sentence_data.volume.domain
                    if(domain == "F" && title) {
                        from = title
                    }
                    if(from) {
                        var a = $("<a>").text(from).addClass("from")
                        if(locator) {
                            a.attr("href", locator).addClass("enabled")
                        } else {
                            a.addClass("disabled");
                        }
                        a.appendTo(sen_box)
                    }
                    if(dateAdded) {
                        $("<span>").text(dateAdded.slice(0, 10)).addClass("date").appendTo(sen_box)
                    }
                    sen_box.appendTo("#examples")

                    /*高亮引用*/
                   highlight('{{Word}}',"examples");
                }
            })
    }
    $(document).ready(
        function() {
            keyword = $("#word").text()
            get_and_show_examples(keyword, "N", 3, 0);
        }
    )
</script>

（三）拼写模式 的 正面内容模板 的代码：

<div class=word>{{type:Word}}</div>
<div class=section2>
<div class=chn2>{{Chn}}</div>
</div>

（四）拼写模式 的 背面内容模板 的代码：

就是英汉模式的word属性加上一个type设置来增加拼写检查

如下图所示：