一、需求#
- 在 Obsidian 中製作填空題
- 預覽狀態下當鼠標指針指向而不是點擊就能顯示答案
- 還可以導出為帶空格的 PDF 格式便於紙質打印
二、嘗試一#
- 借助於 Masking Type 插件
- 並修改部分代碼
- 在其 styles.css 文件中增加以下代碼
/* 以下為打印填空題 */
/* Cloze and Hover in Source Mode */
span.cm-em.cm-formatting.cm-formatting-em {
display: none;
}
.hoverText em, span.cm-em {
color: transparent;
background-color: transparent;
border-bottom: 1px solid #000000;
font-style: normal;
}
.hoverText em:hover, span.cm-em:hover {
color: #000000;
}
/* Cloze and Hover in Preview Mode */
@media print {
em {
color: transparent;
background-color: transparent;
border-bottom: 1px solid #000000;
font-style: normal;
}
}
- 在其 manifest.json 文件中查找 Click 並全部替換為 mouseenter
三、結果一#
- 以一對星號包括的斜體內容會被遮擋
- 預覽視圖下鼠標指向即可顯示答案
- 在多種主題下都可以正確導出帶空格的 PDF
- 不足之處:當鼠標指向後顯示答案,但當鼠標移開後不會自動遮擋,需要再次鼠標指向才行
- 計劃向插件作者提 isue 以實現上述需求
四、嘗試二(優選)#
- 借助於 Cloze 插件
- 可實現粗體、斜體、高亮等內容顯示為填空
- 不足之處:同上
- 此外,在預覽模式下可導出帶空格的 PDF,編輯視圖導出仍顯示答案