X个换行符后截断

Question

我正在做一个anki（它同时支持html和css卡片模板）模板，我想集成从字典中解析出的例句。问题在于，经常会出现太多示例无法显示。

典型的“ {{examples}}”字段的内容如下所示。

html

如您所见，每个例句都以“►”或“ ・”开头，以“
”结尾。

是否有一种方法可以截断整个字段以仅显示前三个示例，并使用“显示更多”按钮显示其余示例？

当前模板：

前

►…のほうに　in the direction of…; toward(s)…; to 《the east》<br>・左のほうに曲がる　bend [turn] to the left (side)<br>・左のほうに富士山が見える.　On the left (side) you can see Mt. Fuji.<br>・こちら[あちら]のほうに　this [that] way<br>・君のほうに行く　go your way; go toward you<br>・市役所より北のほうに　《located》 to the north of the city hall; 《go》 north from the city hall<br>・それはここから[駅の]東のほうにある.　It's (to the) east ┏from here [of the station].<br>・あきる野市は東京都の西のほうに位置している.　Akiruno City is situated in the western part of metropolitan Tokyo.<br>・彼は青山のほうに住んでいる.　He lives somewhere Aoyama way.<br>

CSS

<div class=category>{{category}}</div>
<div class=kenkyusha>{{kenkyusha}}</div>

<hr>

<div class=kojien>{{kojien}}</div>

返回

.night_mode{
}

.replaybutton {display: none;}

ul {
    padding: 0;
}

.card {
  font-family: myfont;
  font-size:13pt;
  background-color: #1e1e1e;
}

.entry {
  font-size:200%;
  color:#5566ee;
  text-align: center;
}

.reading {
  text-align: center;
}

.category {
  text-align: center;
}

.kenkyusha {
  text-align: left;
  color:#4ecab0;
}

.kojien {
  text-align: left;
  color:#4ecab0;
}

.examples {
  text-align: left;
}