Page Width Toggle

approved

by heono3h

This plugin has not been manually reviewed by Obsidian staff. Toggle page width per note between default and wide with one click from the ribbon, command palette, right-click menu, or the note more-options menu.

62 downloadsUpdated 1mo agoMIT

Page Width Toggle

An Obsidian plugin that toggles per-note page width between the default and wide modes with one click.

Features

  • Per-note width — does not affect vault-wide "readable line length" settings
  • 4 entry points — ribbon icon, command palette, editor right-click menu, note more-options menu

Width states

StatecssclassesWidth
Default(none)Obsidian default
Widewide100% of window width

A narrow (560px) class is also defined in the CSS snippet. It is not part of the toggle cycle, but you can apply it manually via cssclasses: [narrow] in a note's frontmatter.

Installation

Manual

  1. Download main.js, manifest.json, and page-width.css from the latest release
  2. Copy main.js and manifest.json to your vault's .obsidian/plugins/page-width-toggle/ folder
  3. Copy page-width.css to your vault's .obsidian/snippets/ folder
  4. Obsidian → Settings → Appearance → CSS snippets → enable page-width
  5. Settings → Community plugins → enable Page Width Toggle

BRAT (beta)

  1. Install the BRAT plugin
  2. BRAT settings → Add Beta Plugin → enter HEONO3H/page-width-toggle
  3. Install the CSS snippet manually as in steps 3–4 above

License

MIT


한국어 (Korean)

노트별로 페이지 너비를 기본/넓게(Wide) 토글하는 Obsidian 플러그인.

기능

  • 노트별 너비 토글 — 볼트 전체 설정과 무관하게 노트마다 개별 적용
  • 4가지 진입점 — 리본 아이콘 / 명령 팔레트 / 에디터 우클릭 / 노트 ⋯ 메뉴

너비 상태

상태cssclasses너비
기본(없음)Obsidian 기본값
넓게wide100% (창 너비)

narrow (560px) 클래스도 스니펫에 정의되어 있으며, 프론트매터에 cssclasses: [narrow]로 수동 적용 가능합니다.

설치

수동 설치: 최신 릴리스에서 main.js, manifest.json, page-width.css 다운로드.

  • main.js, manifest.json.obsidian/plugins/page-width-toggle/
  • page-width.css.obsidian/snippets/
  • Obsidian → 설정 → 모양 → CSS 스니펫에서 page-width 활성화
  • 설정 → 커뮤니티 플러그인에서 Page Width Toggle 활성화

BRAT: Add Beta PluginHEONO3H/page-width-toggle 입력.

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.