A plugin for obsidian to focus and highlight on a specific heading in Reading mode.

Overview

Focus and Highlight

A plugin for obsidian to focus on a specific paragraph in Reading mode.

Features

  • Focus on a specific heading and its children when clicking on them.
    • For now, focusing "only" on lists or other blocks is not supported.

Usage

  1. The plugin is now available in community plugins list! You can download the plugin directly through Obsidian's Settings > Community plugins Tab.
    • You can also install with BRAT, with the repository name nagi1999a/obsidian-focus-plugin.
  2. Enable the plugin named Focus and Highlight in Obsidian's Settings > Community plugins Tab.

Once the plugin is installed and enabled, you can focus on different headings by clicking on any of them.

Options

You can adjust the behavior of this plugin by accessing Obsidian's Settings > Focus and Highlight Tab.

Clear Method

This option affects the way to clear the focus state.

Click Again

Clear the focus state by clicking again on the focused heading.

Click Outside

Clear the focus state by clicking on the blank area at the left or right side of the reading area, which may not work correctly when Settings > Editor > Readable line length is turned off.

Style Settings

With the Style Settings plugin installed and enabled, you can further customize some visual properties under Settings > Style Settings > Focus and Highlight.

Dim Opacity

Set the opacity of dimmed elements. Default is 0.1.

Dim Speed

Set the speed of the animation in seconds. Default is 0.5.

Discussion

Behavior under Mutiple Panes

The plugin now supports multi-pane scenarios. Different panes will be able to focus on their headings, as the following GIF shows.

Issues

If you encounter any problems or have suggestions about the plugin, please feel free to open issues.

Comments
  • disable it with shortcut?

    disable it with shortcut?

    hi, first thank you for this great plugin.

    it helps me a lot in learning.

    is there a possibility that another switch is built in? I mean that you can completely disable it via a shortcut? or a toggle function 1 x shortcut on/off.

    would be perfect ;)

    now it bothers me when i have your plugin on and i want to highlight and copy text easily, then i don't want to have a focus. i hope you understand?

    great work ... thanks

    Translated with www.DeepL.com/Translator (free version)

    enhancement Testing 
    opened by xverbatim1971 6
  • Focus on heading and its

    Focus on heading and its "children" also when clicking a "child" of the heading

    I understand that highlighting other (single) blocks isn't supported (yet), but it'd still be good if one wouldn't have to click the actual heading to trigger the focus. Instead, triggering on a click on any block that is a "child" (nothing is really a child of a heading - except inline blocks - but from a document semantic point of view...) of the respective heading would be very convenient.

    enhancement Testing 
    opened by bkis 5
  • Don't focus on fold

    Don't focus on fold

    Hi, great plugin I love it! :)

    One little thing, though. I have the Editor > Display > Fold heading option enabled and it would be great, if it wouldn't focus when I fold (collapse) a heading, i.e. clicking on the arrow left of the header to 'close' it. On expand it's just fine when it focuses on the heading.

    This particularly happens, when I fold a heading which is not in focus.

    Thanks for considering! Best regards, Lucas

    bug 
    opened by lucashabersaat 3
  • not disabled after restarting obsidian

    not disabled after restarting obsidian

    hello, thanks again for the improvement of the plugin :-)

    I still noticed when I activate the plugin via the toogle button and I turn it off. the next time i start obsidian it is on again, even though i turned it off :-) best regards Thomas

    bug 
    opened by xverbatim1971 3
  • Fix for #6: Fall back to parent of clicked element

    Fix for #6: Fall back to parent of clicked element

    This fixes #6 by falling back to using the parent of the clicked element instead of the clicked element itself if it isn't a heading. It adds support for clicking inline block inside headings, e.g. the inline `code` in # A Heading containing `code`.

    This could have been implemented otherwise but I chose this approach because

    1. it's very non-invasive (only changes one statement in the code) and works well with the existing code base.
    2. this feature/fix would/will become obsolete anyway if #5 or focusing "only" on lists or other blocks (as mentioned in the README) will ever be implemented.

    Thanks for this very useful plugin and feel free to complain about my approach if you don't like it ;)

    opened by bkis 1
  • Focus doesn't trigger when clicking an inline block inside a heading

    Focus doesn't trigger when clicking an inline block inside a heading

    If a heading contains an inline block (inline code, emphasis, strikethrough, ...), you have to click outside of said inline block to trigger the focus. Take this example:

    # foo
    bar
    
    # `foo`
    bar
    
    # *foo*
    bar
    
    # ~~foo~~
    bar
    

    It works as expected for the first heading, but not with the other three. The plugin should simply check if the clicked block's parent is a heading, I guess.

    bug 
    opened by bkis 1
  • feat: add status bar indicator

    feat: add status bar indicator

    Add a clickable status bar indicator to toggle on and off temporarily, and also add a command to make users bind the feature with the key easily. The feature is mentioned in #10 .

    opened by nagi1999a 0
  • FR: Hopes it can focus scope on the list item (which I click) and sub nested lists?

    FR: Hopes it can focus scope on the list item (which I click) and sub nested lists?

    Hopes it can focus with content behavior about the list item (which I click) and the sub nested lists.

    I use Obsidian for write bullet journal, there are many nested bullet list in my note, I hope this plugin can only focus on specific bullet item and it's sub nested lists.

    for example:

    ## Bullet Journal
    
    - Item 1
    - Item 2
        - Item 2.1
        - Item 2.2
            - Item 2.2.1
            - Item 2.2.2
        - Item 2.3
    - Item 3
    

    When I click the bullet item Item 2.2, it can focus scope on the following area only:

      ## Bullet Journal
    
      - Item 1
      - Item 2
          - Item 2.1
    +     - Item 2.2
    +         - Item 2.2.1
    +         - Item 2.2.2
          - Item 2.3
      - Item 3
    

    To click with specific key modifier is pressed and holded for use specific content behavior will be more flexible and producivity, for example:

    • only click: to focus by content behavior Only focus on the element.
    • press and hold Command then click: to focus by content behavior Focus related contents.
    • press and hold Ctrl then click: to focus by content behavior Focus nested contents.

    thanks.

    enhancement 
    opened by edentsai 1
Releases(1.3.2)
Owner
Bo-Yi Tsai
Bo-Yi Tsai
🤵 Dress up your editor. Obsidian plugin to show the heading level in the gutter.

Lapel ?? Dress up your editor. Lapel shows a marker next to each heading to quickly distinguish between heading levels ⚙️ Features Shows the heading l

Liam Cain 55 Dec 26, 2022
Obsidian plugin: Implicitly add an alias matching the first heading in a document.

Alias from heading Aliases in Obsidian make it convenient to provide display names to document links. However, there are a few pain points: Aliases ar

Chris Basham 6 Dec 17, 2022
Obsidian plugin allowing for linking to a heading range, in the [[Page#HeaderA#HeaderB]] extended wikilink format.

Obsidian Link Heading Range Plugin This is a plugin for Obsidian (https://obsidian.md). It allows linking to a heading range, in the [[Page#HeaderA#He

Anthropologie Biblique 7 Nov 14, 2022
Steam - Highlight specific friends who play

highlight-friends Steam Website - Highlight specific friends who play https://greasyfork.org/en/scripts/450409-highlight-specific-friends-who-play?loc

Roman Davydov 6 Nov 6, 2022
why make apps to increase focus -- when you can make apps to reduce focus

impossifocus ?? What is this? ImpossiFocus will measure focus by reading your brainwaves -- and if you're in the zone, it'll ensure that changes with

Aleem Rehmtulla 10 Nov 30, 2022
Firefox Extension for Smart Reading - Bionic Reading

Smart Reader - Bionic Reading Smart Reader or Bionic reading is a way to keep our focus on the web. The fact that the beginnings of words are bolded,

Poucous 27 Dec 17, 2022
A complete media query framework for CSS, to apply specific properties in specific screen

A complete media query framework for CSS, to apply specific properties in specific screen Note: Size of every media query is `50px, 100px, 150px, 200p

Rohit Chouhan 6 Aug 23, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
A plugin for Obsidian (https://obsidian.md) that adds a button to its search view for copying the Obsidian search URL.

Copy Search URL This plugin adds a button to Obsidian's search view. Clicking it will copy the Obsidian URL for the current search to the clipboard. T

Carlo Zottmann 6 Dec 26, 2022
MDN-Dark-Mode - Simple extension to add a dark mode with different themes to the MDN Web Docs website

MDN-Dark-Mode Information Chrome and Firefox extension that adds a dark mode wit

Santiago Galán Barlo 2 Mar 18, 2022
🌓 Add dark mode/night mode custom elements to your website.

dark-mode A custom element that allows you to easily put a Dark Mode ?? toggle. so you can initially adhere to your users' preferences according to pr

小弟调调™ 12 Oct 20, 2022
File Hider - This is a plugin for Obsidian that allows hiding specific files and folders from the file explorer

File Hider - This is a plugin for Obsidian that allows hiding specific files and folders from the file explorer

Oliver 24 Dec 16, 2022
An open-source boat display cockpit for navigation, speed, heading, and tide tables running on Raspberry Pi and accessible as a webapp through any smartphone.

An open-source boat display cockpit for navigation, speed, heading, and tide tables running on Raspberry Pi and accessible as a webapp through any smartphone

Andy 44 Dec 30, 2022
A Zotero add-on that scans your Markdown reading notes, tags the associated Zotero items, and lets you open notes for the Zotero items in Obsidian.

Zotero Obsidian Citations Adds colored tags to Zotero items that have associated Markdown notes stored in an external folder. Open an associated Markd

Dae 210 Jan 4, 2023
"Jira Search Helper" is a project to search more detail view and support highlight than original jira search

Jira Search Helper What is Jira Search Helper? "Jira Search Helper" is a project to search more detail view and support highlight than original jira s

null 41 Dec 23, 2022
Convert Your Kindle highlight & Note to Markdown/JSON

kindle-highlight-to-markdown Convert Your Kindle highlight & Note to Markdown/JSON Install Install with npm: npm install kindle-highlight-to-markdown

azu 15 Dec 31, 2022
A CSS stylesheet to quickly highlight a11y concerns.

Checka11y.css A CSS stylesheet to quickly highlight a11y concerns. Lightweight • Modern • Accessibile • Customisable • Simple The first line of defenc

Jack Domleo 428 Dec 25, 2022