Obsidian Stats logoObsidian Stats

Wordbook Layout

by dxx
5
4
3
2
1
Score: 50/100
Install Code

Description

Arrange heading-based word lists as a responsive wordbook in Obsidian reading view.

Reviews

No reviews yet.

Stats

0
stars
1
downloads
0
forks
25
days
25
days
25
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
2
commits

Latest Version

1.0.1
a month ago

Changelog

Fixed

  • Added inline annotation bubbles to the public plugin.
  • Added reliable touch handling for iPhone and iPad.
  • Removed external-link icons from annotation words.
  • Positioned mobile annotation bubbles above the Obsidian toolbar and safe area.
  • Prevented annotation bubbles from opening during scroll gestures.
  • Preserved compatibility with the existing Inline Annotation Popup plugin on desktop.
See all version on GitHub

README file from

Github

Wordbook Layout

Wordbook Layout arranges heading-based vocabulary lists into a clean, responsive reading layout in Obsidian. It uses two columns on wider screens and one column on phones and narrow panes.

Features

  • Groups note content by the highest-level headings in the note.
  • Uses a two-column layout on desktop and a single-column layout on mobile.
  • Keeps task checkboxes interactive and writes their state back to Markdown.
  • Opens obsidian-annotation: links as readable annotation bubbles instead of external links.
  • Supports mouse, keyboard, and touch interaction; phones show a safe-area-aware floating bubble.
  • Works with Obsidian's page search in the generated reading layout.
  • Uses only Obsidian APIs and supports desktop, Android, iPhone, and iPad.
  • Stores no separate database and makes no network requests.

Usage

Open a Markdown note and run Toggle layout for the current note from the command palette. The command adds this property:

---
wordbook-layout: true
---

Switch the note to Reading view. Each top-level section is displayed as a wordbook card. Run the command again to restore the normal layout.

For compatibility with earlier personal versions, the plugin also recognizes the property 单词书布局: true.

Example

---
wordbook-layout: true
---

## List 01

1. [ ] vocabulary
2. [x] example

## List 02

1. [ ] responsive
2. [ ] layout

Mobile

The layout automatically changes to one column below 760 pixels. Tap an annotated word to open its annotation in a floating card above Obsidian's mobile toolbar; tap the word again or outside the card to close it. The plugin does not use Node.js, Electron, or desktop-only filesystem APIs.

Inline annotation format

The plugin can display annotations stored directly in Markdown links using the obsidian-annotation: scheme. Existing notes created by Inline Annotation Popup remain compatible. Annotation content stays inside the Markdown note and no network request is made.

License

MIT

Sponsors