主要包括幾個步驟如下，均是在“卡片”選項(xiàng)的配置：
- 聲明腳本，一般不需要修改；
- 先載入句子字段。注意設(shè)置好id，便于被腳本調(diào)用；
- 后調(diào)用腳本；
**基于我的樣式表，效果圖如下：
Paste_Image.png
涉及Html、CSS和javascript的基本知識，可以在W3Schools或MDN學(xué)習(xí)：
代碼如下，請盡量看懂再根據(jù)自己實(shí)際修改：
/*-------聲明腳本--------*/
<script>
function highlight(text)
{
inputText = document.getElementById("inputText")
var innerHTML = inputText.innerHTML
var index = innerHTML.indexOf(text);
if ( index >= 0 )
{
innerHTML = innerHTML.substring(0,index) + "<span class='highlight'>" + innerHTML.substring(index,index+text.length) + "</span>" + innerHTML.substring(index + text.length);
inputText.innerHTML = innerHTML
}
}
</script>
/*高亮的樣式,自定義，放在樣式表里面*/
<style>
.highlight{
background-color:yellow;/*演示*/
}
</style>
/*這是要高亮的文本，注意設(shè)置了id為"inputText",作為腳本的參量*/
<div id="inputText">
The fox went over the fence./*演示*/
/*{{句子}}*/
</div>
/*開始調(diào)用腳本，注意順序，先載入需要高亮的文本，
后調(diào)用highlight腳本，把fox改為{{字段}}，
比如我有一個字段為“單詞”，就是highlight('{{單詞}}')*/
<script>
highlight('fox');/*演示*/
/*highlight('{{單詞}}');*/
</script>
