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

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

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: "☰";
}

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.