Plugin: Inline Tag Navigator [v2.10.6, 2026-05-16]

I added a default shortcut to v2.5.7, which was released now. You may now modify it in the settings like any other shortcut.

Happy to hear this @pmmontanari, thanks for sharing. :slight_smile: It’s nice to see that this solution works for users other than myself.

v2.5.8

  • added: setting: Database: Exclude notebooks by notebook ID
  • added: commands: Exclude / Include notebook
    • accessible from the notebook context menu
  • improved: search results filter with exclusion patterns, beginning with !
    • example: use !Archive/ to exclude results from your "Archive" notebook
  • fixed: show quick open arrow when highlighting note titles

Thank you for continuous improvement.
I noticed that in my case it doesn’t pick up tags if they are deeper than in one notebook.
For example:

  • Work
    • Project
      • Feature

It will pick up tags only from “Work”. I tried to find the option in the settings, but couldn’t. Maybe I missed the option?

And one more question I wanted to ask for some time. Would it be possible to have the same tag coloring in Search Results as in the Note? So have green, grey, etc. tags?

That's strange... I have tags buried 4 levels deep (inside an archived sub-notebook) and they are still detected. Is it possible that you're using the setting Minimum tag count (and using the tag only once, for instance), Database: Exclude notebooks (and added the sub-notebook to the ignore list), or Ignore HTML notes (and the missing tags are in a HTML note rather than a Markdown note)? There is no designed setting to create this behaviour across all sub-notebooks (but it's possible that some settings combination leads to a bug).

Unfortunately it's not possible. You may modify the CSS of the search panel (type the CSS definitions in the advanced settings) and customise how tags are displayed using the classes itags-search-tag, itags-search-tag.selected, itags-search-renderedTag, but there is no distinction between different tag patterns (with a '+', '#' or '@' prefix).

v2.5.9

  • added: setting: notebook inclusion in database

I found it.

If I type a tag under the “—” line (3 minuses), it never picks up the tag. It behaves in this way independently of settings:

  • Ignore HTML notes
  • Ignore code blocks
  • Ignore front matter
  • Use middle matter instead

If I change the “—” line on the “—-” line (4 minuses), the plugin sees the tag.

So it is not related to the notebook’s level; it relates to strange behavior with a 3-minus line.

@shikuz

I’ve long been looking for a way to properly sort Search Results.

Could you tell me if the following is possible:

In several notebooks/notes, there are lines scattered within the texts in this format:

  • +urgency +importance #project @assignee Task description.

Urgency can be:
+active +coming +distant

Importance can be:
+blocker +essential +optional

Note that the tags are deliberately chosen so that when sorted alphabetically, they are arranged from the most urgent to the least urgent, and from blocking to less important.

As you can see, if you filter these lines from different notes by #project and @assignee, you can get a list of all their tasks.

However, I’d like to be able to sort these tasks without being tied to the note name or paragraph heading, but simply based on the text of the line itself.

That is, tasks with +active +blocker should come first, then +active +essential, and so on, decreasing in urgency and importance.

Is it possible to do this with some settings right now?

good catch, thanks! I'll improve frontmatter parsing.

at the moment it's possible to sort items within a note (ignore headings, show line with +urgency/active first) by right clicking on note titles on the panel. it's also possible to sort the notes based on their tags (note with +urgency/active shown first). the only way to detach lines from a note is through the #color tag (such as #color=red). all tasks with colour A will appear in a separate (coloured) "note" on the panel. sorting is explained in more detail in this video.

I just discovered this plugin and I went through the documentation and learned how to use it today. This is very very useful for tax management, I've been looking for something like this for a long time. Thank you so so much @shikuz for taking the time to develop this, I can see your hardwork and attention to details in it.

Please is there a way to highlight tags in mobile view (not editor)?

v2.6.0

  • added: render tags in the Markdown preview (see settings) (for @xpleromax)
  • added: render front matter in the Markdown preview (see settings)
  • added: highlight front matter in the Markdown editor (see settings)
  • fixed: front matter parsing logic (for @tnwn)

Markdown editor

Markdown preview

It works so perfectly, thank you so much again.

v2.6.1

  • improved: MD preview tag rendering supports custom regexes
  • improved: search panel tag rendering with separate CSS classes for each tag prefix (for @tnwn)
    • for example, you can paste the CSS below both in Joplin's userstyle.css and in the Tag Navigator setting Search: Panel style and style your inline tags everywhere across the app (for the MD editor, continue using Rich Markdown)
  • fixed: search panel toggling
/* optional: specify different sub-styles for each type of tag */
.itags-search-renderedTag {
	background-color: #a576b3ff;
} /* global style */

.itags-search-renderedTag--at {
	background-color: #6fae4a;
} /* type-specific style */

.itags-search-renderedTag--plus {
	background-color: #ae4a6f;
}

.itags-search-renderedTag--slash {
	background-color: #4a6fae;
}

Awesome! :heart_on_fire: I will check today.

Can’t make these new styles work.

Now I have this in userchrome.css:

div.CodeMirror .cm-rm-tag-hash {background-color: #7698b3;color: gainsboro;padding: 0em 2px;border-radius: 5px;display: inline;}
div.CodeMirror .cm-rm-tag-plus {background-color: darkgreen;color: gainsboro;padding: 0em 2px;border-radius: 5px;display: inline;}
div.CodeMirror .cm-rm-tag-at {background-color: darkslateblue;color: gainsboro;padding: 0em 2px;border-radius: 5px;display: inline;}
div.CodeMirror .cm-rm-tag-slash {background-color: dimgray;color: gainsboro;padding: 0em 2px;border-radius: 5px;display: inline;}

This in Rich Markdown:

[ { "name": "rm-tag-hash", "regex": "(?<=^|\s)#" }, { "name": "rm-tag-plus", "regex": "(?<=^|\s)+" }, { "name": "rm-tag-at", "regex": "(?<=^|\s)@" }, { "name": "rm-tag-slash", "regex": "(?<=^|\s)(\/\/)([^\s#@+'",.()\[\]:;\?\\]+)" } ]

These work. But how to make work your new additions?

Can you please guide me a little? Stumbled, sorry.

just copy the following CSS to: (1) userstyle.css, (2) Search: Panel style setting of the plugin.

.itags-search-renderedTag--hash  {background-color: #7698b3;color: gainsboro;padding: 0em 2px;border-radius: 5px;display: inline;}

.itags-search-renderedTag--plus {background-color: darkgreen;color: gainsboro;padding: 0em 2px;border-radius: 5px;display: inline;}

.itags-search-renderedTag--at {background-color: darkslateblue;color: gainsboro;padding: 0em 2px;border-radius: 5px;display: inline;}

.itags-search-renderedTag--slash {background-color: dimgray;color: gainsboro;padding: 0em 2px;border-radius: 5px;display: inline;}

Works :slightly_smiling_face:
It is wonderful!

Hi @shikuz

I noticed this exceptionally useful plugin “de-renders” Mermaid diagrams in notes (Android version 3.4.7) To view my Mermaid notes I have to temporarily turn it off. If I don't turn it off, the Mermaid diagram will suddenly revert to just showing Mermaid codes after a while. Sometimes Mermaid doesn't even render at all when the plugin is on.

Thank you.

thanks @xpleromax, you're right! I completely missed this regression in v2.6.0 (and only on mobile). until I figure out why this happens, you may disable the following 2 settings and restart the app: Inline tags: Render in Markdown preview, Front matter: Render in Markdown preview.