testxlog

一、需求#

• Obsidian で穴埋め問題を作成する
• プレビュー状態でマウスポインタを指すだけで答えを表示する
• また、紙の印刷に便利な空白付き PDF 形式でエクスポートできる

二、試み一#

• Masking Type プラグインを利用する
• 一部のコードを修正する
  • styles.css ファイルに以下のコードを追加する

/* 以下は印刷用の穴埋め問題 */

/* ソースモードでのClozeとHover */

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とHover */

@media print {

  em {
    color: transparent;
    background-color: transparent;
    border-bottom: 1px solid #000000;
    font-style: normal;
  }

}

• manifest.json ファイルで Click を検索し、すべて mouseenter に置き換える

三、結果一#

• 一対のアスタリスクで囲まれた斜体の内容が隠れる
• プレビュー表示でマウスを指すだけで答えが表示される
• 様々なテーマで空白付き PDF を正しくエクスポートできる
• 不足点：マウスを指した後に答えが表示されるが、マウスが離れると自動的に隠れず、再度マウスを指す必要がある
• 上記の要求を実現するためにプラグイン作者に issue を提起する予定

四、試み二（優先）#

• Cloze プラグインを利用する
• 太字、斜体、ハイライトなどの内容を穴埋めとして表示できる
• 不足点：同上
• さらに、プレビューモードで空白付き PDF をエクスポートでき、編集ビューでは依然として答えが表示される