testxlog

testxlog

Obsidianで穴埋め問題を作成し、印刷用に空白付きのPDFとしてエクスポートする

一、需求#

  • 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 をエクスポートでき、編集ビューでは依然として答えが表示される

photo by Greg Rakozy(https://unsplash.com/@grakozy?utm_source=templater_proxy&utm_medium=referral&fit=crop&mask=corners) on Unsplash

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。