So, I’m not sure if there already exists a plugin doing this, but what I would like to do is to get a tag like #my/Nested/Tag in both live preview and reading mode to render as (on one line with no spaces):
<span class="nested-tag">
<span class="nested-tag-0">#</span>
<span class="nested-tag-1" data-tag-key="my">my</span>
<span class="nested-sep-1">/</span>
<span class="nested-tag-2" data-tag-key="Nested">Nested</span>
<span class="nested-sep-2">/</span>
<span class="nested-tag-3" data-tag-key="Tag">Tag</span>
</span>
This would by default render as: #my/Nested/Tag, but with loads of CSS anchors to hide whatever level you want, and to replace leading tags with emojis or different styling and whatever.
-
Have you seen a plugin doing something like this, and/or would you be interested in having a plugin doing this kind of stuff?
-
If a plugin do need to be designed, do you know how to implement it, or even better do you want to make this plugin?