🤵 Dress up your editor. Obsidian plugin to show the heading level in the gutter.

Liam Cain

Last update: Dec 26, 2022

Overview

Lapel 🤵

Dress up your editor. Lapel shows a marker next to each heading to quickly distinguish between heading levels

⚙️ Features

Shows the heading level in the editor gutter (e.g. h1, h2, h3, etc.)
Menu for quickly switching the heading level

💅 Customization

Each heading level can be targeted separately with CSS for easy customization. For example, if you want all H6s to look like burger menus, simply change the heading marker:

.cm-heading-marker[data-level="6"] {
  --heading-marker: "☰";
}

Say Thanks 🙏

If you like this plugin and would like to buy me a coffee, you can!

Like my work and want to see more like it? You can sponsor me.

Comments

Positioning In Minimal 5.2.8 Is Off

In Minimal 5.2.8 (latest at the time of this issue) the positioning of the lapel gutter is all the way to the left instead of right outside of the editor area:

It seems to be ok in other themes, so it must be a conflict with Minimal. I poked around in the inspector but I'm too rusty to have identified anything that could be causing it.

opened by takeo 4

Constant errors in Desktop 0.15.0

In newer v0.15.0 or Obsidian, this error is reporting constantly - every click, every letter typed, everything

42 app.js:1 Error: [CM6] tree.iterate has changed syntax.
See the stack trace to find the faulty plugin and file an issue with the plugin author. 
Details: https://discuss.codemirror.net/t/release-0-20-0/4302
    at app.js:1:1528976
    at e.iterate (app.js:1:292943)
    at e.ti.iterate (app.js:1:1529210)
    at Object.buildMarkers (plugin:lapel:6:1547)
    at Object.update (plugin:lapel:6:1830)
    at e.update (app.js:1:412271)
    at e.plugin (app.js:1:501104)
    at Object.markers (plugin:lapel:6:1957)
    at e.update (app.js:1:548361)
    at e.updateGutters (app.js:1:545226)

opened by QuaCKeReD 0

Header labels overlap text

On the default theme, the header labels overlap the text like so. It is the same for the other themes I have: Atom, Blue Topaz, Nord, Things, Red Graphite.

Only on the Minimal theme does it appear correctly.

I'm unsure what to change to get the other themes with the correct header label placement.

opened by meeebee 2
Failed to load plugin
Hello,

I recently started getting an error upon Obsidian startup where it says "Failed to load plugin lapel". I'm not sure what might have changed. I am using Windows and Obsidian version 0.14.15. Here is the console log when I try to enable lapel:

Plugin failure: lapel TypeError: Class extends value undefined is not a constructor or null at anonymous (plugin:lapel:6:666) at t.<anonymous> (app.js:1:1517585) at app.js:1:235084 at Object.next (app.js:1:235189) at s (app.js:1:233928)

Any help would be appreciated. Love the plugin, thanks!
opened by masonc15 4
[Feature Request] Add menu icon with menu for headers on the right side

Obsidian is the part on the top with some css and Things 3 App for MacOS is at the bottom. i was wondering if you had planned to add a menu for the headers?

This would include the ability to copy embeds or urls to headers from that small menu and other cool header shortcuts that are done with other plugins by right clicking the headers. would be slick to have it as a menu on the right side

opened by Obadiahcruz 2
Bug?: Vertical positioning/alignment

The vertical positioning/alignment is not working - see screenshots standard theme and minimal theme (no userdefined css snippets)

Standard theme:

Minimal theme:

opened by avirosso 2

Releases(0.1.0)

Owner

Liam Cain

GitHub

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

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

22 Dec 21, 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

7 Nov 14, 2022

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

6 Dec 26, 2022

An Obsidian plugin to paste Excel tables as Markdown tables in Obsidian editor.

Obsidian Excel to Markdown Table An Obsidian plugin to paste Excel tables as Markdown tables in Obsidian editor. Demo You can paste the copied Excel d

108 Jan 4, 2023

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

44 Dec 30, 2022

This plugin for Obsidian adds commands for increasing/decreasing the blockquote level of the current line or selection(s).

Blockquote Levels This plugin for Obsidian adds commands for increasing/decreasing the blockquote level of the current line or selection(s). Usage The

15 Dec 19, 2022

TVMAZE API-based webapp, receives TV show episodes with all data about that TV show.

TVMAZE API-based webapp, receives TV show episodes with all data about that TV show. The Webapp has two interfaces: A home page, showing a list of Tv show episodes you can like. And a popup window with more data about the TV show that you can comment on.

4 Aug 9, 2022

Obsidian jTab adds the ability to show guitar chords and tabs directly in your notes.

Obsidian jTab Guide Obsidian jTab adds the ability to show guitar chords and tabs directly in your notes. It uses the jTab library to render the chord

24 Dec 25, 2022

Obsidian Web: Connect your browser with your Obsidian notes

Obsidian Web: Connect your browser with your Obsidian notes This is an unofficial Chrome extension for Obsidian that lets you send content from the we

97 Jan 3, 2023

This is a plugin for Obsidian (https://obsidian.md). Can open document with `.html` and `.htm` file extensions.

Obsidian HTML reader Plugin This is a plugin for Obsidian (https://obsidian.md). Can open document with .html and .htm file extensions. Obsidian HTML

37 Dec 27, 2022

An Obsidian plugin that lets you browse the web within Obsidian.

Obsidian Web Browser An Obsidian plugin that allows you to browse the web within Obsidian using v1.0 tabs. The core functionality of the plugin, rende

102 Dec 28, 2022

An Obsidian plugin that allows adding iframes with custom styling as editor tabs. Also comes with presets for Google Keep and more.

Obsidian Custom Frames An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep an

208 Jan 8, 2023

This is a simple Image popup Jquery plugin. With a very simple configuration, you can show a popup on your webpage. By the way, this plugin works after page load.

Jquery-SingleImagePopup This is a simple Image popup Jquery plugin. With a very simple configuration, you can show a popup on your webpage. By the way

1 Aug 22, 2022

🤵 Dress up your editor. Obsidian plugin to show the heading level in the gutter.

Related tags

Overview

Lapel 🤵

⚙️ Features

💅 Customization

Say Thanks 🙏

Comments

Positioning In Minimal 5.2.8 Is Off

Constant errors in Desktop 0.15.0

Header labels overlap text

Failed to load plugin

[Feature Request] Add menu icon with menu for headers on the right side

Bug?: Vertical positioning/alignment

Releases(0.1.0)

0.1.0(Jul 2, 2022)

0.0.3(Mar 21, 2022)

0.0.2(Mar 14, 2022)

0.0.1(Mar 14, 2022)

Owner

Liam Cain

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

Obsidian plugin allowing for linking to a heading range, in the [[Page#HeaderA#HeaderB]] extended wikilink format.

A plugin for Obsidian (https://obsidian.md) that adds a button to its search view for copying the Obsidian search URL.

An Obsidian plugin to paste Excel tables as Markdown tables in Obsidian editor.

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.

This plugin for Obsidian adds commands for increasing/decreasing the blockquote level of the current line or selection(s).

TVMAZE API-based webapp, receives TV show episodes with all data about that TV show.

Obsidian jTab adds the ability to show guitar chords and tabs directly in your notes.

Obsidian Web: Connect your browser with your Obsidian notes

This is a plugin for Obsidian (https://obsidian.md). Can open document with `.html` and `.htm` file extensions.

An Obsidian plugin that lets you browse the web within Obsidian.

An Obsidian plugin that allows adding iframes with custom styling as editor tabs. Also comes with presets for Google Keep and more.

This is a simple Image popup Jquery plugin. With a very simple configuration, you can show a popup on your webpage. By the way, this plugin works after page load.

Obsidian-dataview-table-filter-menu - Dynamically created filter menu for dataview tables in obsidian

Obsidian-Snippet-collection - A collection of snippet to customize obsidian

Replaces the default Strapi WYSIWYG editor with a customized build of CKEditor 5 html editor packed with useful plugins.

Powerful rich text editor using Vue.js and Quill. About @quilljs editor component for @vuejs

Triumph Tech’s Magnus Editor is a full-featured remote editor for Rock RMS.

Hardhat plugin to track gas on the transaction level