一、需求#
- 在 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，編輯視圖匯出仍顯示答案
