Extraordinary Tooltips

Extraordinary Tooltips en

Installations 9 Likes 6

Allows the creation of complex tooltips allowing full HTML markup and "unlimited" content from an entity’s entry or an attribute. Compared to standard Kanka tooltips, this plugin offers the following benefits:

  • No size limit (as much content as you can fit in an attribute or entry); scrollbars are provided if necessary.
  • The tooltips can be triggered not only by entity mentions, but by any text, image or other element that has the required HTML classes.
  • Tooltip content is interactive: you can select text, click links, even hover mentions inside your tooltip to see the standard Kanka tooltip pop up on them. By comparison, standard tooltips close as soon as you move your pointer away from the originating mention, making them "view only".
  • More HTML support: anything you can use in an entry or attribute is fully rendered, rather than the limited layout in standard tooltips.
  • Some cascading transclusion is also possible (mentioning an attribute that contains other attribute values, or even a transcluded entry).
  • Multiple entries or attributes can be merged into one tooltip.

This plugin is not for the faint of heart! You will need to edit HTML for every tooltip you create, copy entity and attribute IDs and keep track of where your transcluded content comes from. You will also need some CSS proficiency to fully adapt the tooltips to your content. This way lies madness... and frigging awesome tooltips.

I highly recommend using my Marketplace Toolbar for Summernote to have access to a form that lets you choose each tooltip’s settings and quickly generate the necessary HTML without having to check the documentation.


For instructions on how to use this plugin, please visit this Github page since the Marketplace doesn’t allow sufficient formatting. I’m not kidding when I say this gets complicated fast – though you can still get some mileage out of the default settings:


Shout-out to Dschäykib who sent me down this rabbit hole with his excellent blog post on cross-references.

Making this was a labour of love and doggedness involving six months of research and experimentation, and it all started with Jay saying "eww" to my request for HTML in tooltips (back when they ignored HTML tags completely). Well Jay, life finds a way.


Want to show appreciation for my plugins or request one-on-one CSS help? I accept tips on Ko-fi (no account needed): Support me on Ko-fi.com

Latest version b5

Released 1 year ago

  • Improved fade in/out logic on hover so fixed tooltips no longer open on their own at page load.