Base Tag Renderer

by Darren Kuro
5
4
3
2
1
Score: 31/100

Description

Category: Customization & UI

The Base Tag Renderer plugin is designed to display only the basename of tags in Obsidian, while preserving the full nested structure in other parts of your notes. This helps simplify tag displays, making them more readable while maintaining the hierarchical organization. The plugin also allows users to customize the appearance of tags by applying custom CSS styles. A new class name (basename-tag) is added, enabling easy styling adjustments. While the plugin is no longer actively maintained, it offers a straightforward way to manage and style tags, particularly for users who prefer cleaner tag representations.

Reviews

No reviews yet.

Stats

32
stars
7,134
downloads
4
forks
1,278
days
1,000
days
1,000
days
1
total PRs
1
open PRs
0
closed PRs
0
merged PRs
13
total issues
7
open issues
6
closed issues
0
commits

Latest Version

3 years ago

Changelog

README file from

Github

Obsidian Base Tag Renderer

This plugin renders only the basename for tags while maintaining the nested strucutres elsewhere.

It also appends a new class name (basename-tag) so it's possible to add custom style to it.

This is not actively maintained. As I haven't used Obsidian much, and they kept rolling out new features so it's a bit hard to keep up. I am currently busy with other projects also. Feel free to do a PR if you want to add something. The code structure is very simple. Issues aren't guaranteed to be resolved promptly but I'll try my best.

The custom css applied for the above example -

a.basename-tag[href*="animal"]::before,
span.basename-tag[data-tag*="animal"]::before {
    content: "😍 ";
}
a.basename-tag[href*="cat"]::before,
span.basename-tag[data-tag*="cat"]::before {
    content: "🐱 ";
}
a.basename-tag[href*="dog"]::before,
span.basename-tag[data-tag*="dog"]::before {
    content: "🐶 ";
}

Version 1.2 (July 30th, 2023)

  • Add text change for tags in property as well.

Version 1.1 (Feb 23rd, 2023)

  • Add support for editor mode including tags in the frontmatter.

Similar Plugins

info
• Similar plugins are suggested based on the common tags between the plugins.
Tag Wrangler
5 years ago by PJ Eby
Rename, merge, toggle, and search tags from the Obsidian tag pane
Admonition
5 years ago by Jeremy Valentine
Adds admonition block-styled content to Obsidian.md
Custom Frames
4 years ago by Ellpeck
An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep, Todoist and more.
Code Styler
3 years ago by Mayuran Visakan
A plugin for Obsidian.md for styling codeblocks and inline code
Colored Tags
3 years ago by Pavel Frankov
Colorizes tags in different colors.
Contextual Typography
6 years ago by mgmeyers
Collapse All
5 years ago by Nathonius
Sheets Extended
3 years ago by NicoNekoru
Plugin that adds features to tables in obsidian including merging, vertical headers, and custom css
Colored Tags Wrangler
3 years ago by AndreasSasDev
Obsidian Plugin : Assign colors to tags. Has integrations with other plugins, like Kanban.
Frontmatter Tag Sugest
4 years ago by Jonathan Miller
Autocompletes tags in Obsidian YAML frontmatter. No more deleting #!
Multi Tag
3 years ago by fez-github
Obsidian plugin that allows the user to add a tag to all files in a folder. Not in active development. Now working on Multi-Properties, which covers most of this plugin's functionality.
Nested tags graph
3 years ago by drpilman
A small plugin for Obsidian that links nested tags in graph view
Tags Overview
3 years ago by Christian Wannerstedt
Obsidian plugin which adds an extended tags panel where tagged files can be overviewed, filtered and accessed in an easy way.
HTML Tags Autocomplete
5 years ago by bicarlsen
Autocomplete HTML formatting tags.
AutoMOC
4 years ago by Diego Alcantara
Tags Routes
2 years ago by Ken
This is a plugin for obsidian, to visualize files and tags as nodes in 3D graph.
Auto Classifier
3 years ago by Hyeonseo Nam
Auto classification plugin for Obsidian using ChatGPT.
Quick Tagger
3 years ago by Gorkycreator
Quick tagger for Obsidian.md
Canvas Filter
3 years ago by Ivan Koshelev
Obsidian Canvas plugin that let's you show only pages / arrows with specific tags / colors / connections.
Tag Page
3 years ago by Matthew Sumpter
An Obsidian plugin to create and manage dedicated Markdown pages for tags, with features to automatically populate and refresh content based on user-defined settings.
Smart Title
3 years ago by magooup
obsidian-plugin-smart-title
Reading comments
3 years ago by BumbrT
Reading comments, for consuming books or large articles in markdown with https://obsidian.md/.
Markdown Tags
2 years ago by John Smith III
Enhance your Markdown documents with custom tags. Use predefined or custom labels, customizable colors, and arrow indicators to visually track tasks and statuses.
Custom Classes
3 years ago by Lila Rest
A minimal Obsidian plugin that allows you to add your own HTML classes to chosen Markdown elements directly from your notes.
Insta TOC
2 years ago by Nick C.
Generate, update, and maintain a table of contents for your notes while typing in real time.
Media Companion
a year ago by Nick de Bruin
QuickLink
10 months ago by Jamba Hailar
On obsidian, use @ to quickly link files
Metadata Auto Classifier
2 years ago by Beomsu Koh
AI-powered Obsidian plugin that automatically classifies and generates metadata (tags, frontmatter) for your notes.
Tag Buddy
3 years ago by David Fasullo
Unlock powerful tag editing features in Reading Mode. Add, remove and edit tags across your vault. Use tag inboxes to level up any workflow with a powerful idea assembly line.
FuzzyTag
4 years ago by Adrian
Liquid Templates
5 years ago by Diomede Tripicchio
Define your templates with LiquidJS tags support
Tag Group Manager
7 months ago by Stargazer-cc
Tag Group Manager is a plugin designed for Obsidian that helps manage tag groups and quickly insert tags.
EmoTagsTitler
3 years ago by Cyfine
Testing Vault
3 years ago by Michael Pedersen
Related Notes by Tag
a year ago by Chris Howard
displays notes that share tags with your currently active note
Index Notes
2 years ago by Alejandro Daniel Noel
Plugin that automatically generates index blocks based on tags
Generate Timeline
a year ago by Shanshuimei
An obsidian plugin to generate timelines from tags, folders, files or metadata automatically. 根据标签,文件夹,文件或者属性自动生成时间轴的插件。
Tag Breakdown Generator
3 years ago by Hananoshika Yomaru
Break down nested tags into multiple parent tags
Checkbox styling helper
2 years ago by JaewonE
Render theme-independent SVG icon bullets from plain Markdown markers.
Note 2 Tag Generator
2 years ago by Augustin
Tag Formatter
2 years ago by snsvrno
Configurable Obsidian plugin that hides parent tags.
Folder by tags distributor
2 years ago by RevoTale
Automatically group Obsidian notes into folder by tags specified in note.
CSS Inserter
2 years ago by Erika Gozar
Inserts user-defined css snippets into the selected text.
Tag Links
2 years ago by Zacchary Dempsey-Plante
A plugin for Obsidian that allows tags to be opened as links using a hotkey.
Tailwind Snippet
2 years ago by Nicholas Wilcox
An Obsidian plugin that enables usage of Tailwind CSS.
Current File Tags
a year ago by Trung Tran
Source Mode Styling
5 months ago by Chris Howard
Obsidian plugin. Provides a customisable raw look in source mode using a monospace font to clearly differentiate from Live Preview.
Private Mode
a year ago by markusmo3
Auto Close Tags
a year ago by k0src
Obsidian MD plugin to auto-close HTML tags.
Note Reviewer
2 years ago by Travis Linkey
An obsidian plugin to help review notes that have been taken
Tag Timer
6 months ago by quantavil
The Tag Timer is a versatile plugin for Obsidian that allows you to seamlessly track the time you spend on specific tasks or sections within your notes.
Frontmatter to HTML Attributes
3 months ago by Tarek Saier
Makes YAML frontmatter available as data-* attributes in HTML, enabling metadata based CSS styling.
SafeLearn Formatter
10 months ago by UnterrainerInformatik
A community plugin for Obsidian, that offers visual aids for the SafeLearn-specific tags.