注意:下述的所有更改都是可以同步到所有设备上的更改
而且很快就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设置来增加拼写检查
如下图所示: