colour¹

A few days before,we received a ticket in which an amazing tooltip user:

Subject:

tooltips with superscripts

Message:
Is it possible (currently, or with an enhancement) for a tooltip to be displayed for a word that has a superscript number at the end of it?

 

Then wordpress tooltip plugun support write a document “Is it possible for a wordpress tooltip to be displayed for a word that has a superscript number at the end of it?” for an amazing wordpress tooltip user,

Would you please try:
1: login wordpress as admin
2: click tooltips menu item in wordpress dashboard
3: create a new tooltip
3: enter colour¹ as tooltip title, enter “test” as tooltip content
4: in your post, add colour1 (1 is a superscript) in your wordpress post, when mouse hover “colour1”, you will find tooltip popup up and works well

Please note, in some specific theme, maybe this will not work, because in their code, do not support HTML in post tile…

and the amazing tooltip user replied to us:

Thanks for your email below, it is very helpful. Yes, I can create tooltips “red” and “green”. I tried to create a new tooltip with the title colour < sup > 1 < / sup > and it is simple recorded as “colour¹” i.e the superscripts is not applied. However, I am not an admin for the wordpress site. I am just a member of the team. Can the supoerscripts functionality for tooltips be made available to any users of the wordpress site please?

Our WordPress Tooltip Plugin developer conducted numerous tests, and we finally discovered that the issue lies within some WordPress themes, as their code will replace…

colour¹

as

colour&lt;sup&gt;1&lt;/sup&gt;

If you’are encountering the issue where entering “colour¹” int he Gutenberg editor results in it being converted to “colour&lt;sup&gt;1&lt;/sup&gt;”, it’s usually due to the wordpress’s security measures to prevent XSS attacks. Here are some ways to avoid this:

1: Use an HTML BLOCK: In Gutenberg, you can insert a Custom HEML Block. This will allow you to enter HTML tags without them being escaped .

2: Plugins: Consider using plugins that handle custom code, such as “Code Snippets” or “Insert Headers and Footers”. These plugins allow you to insert HTML code directly into your wordpress pages.

3: Edit functions.php: You might be able to adjust how special characters are handled by adding code to your theme’s functions.php file, but this requires some knowledge of wordpress development 🙂

Sir, we are using an editor account to create this demo, as you can see, the superscripts works well,  as a member of the wordpress site, you can create superscripts, and they will works properly, would you please follow our guide to check it again? We are happy to continue helping you resolve the problem 🙂

Sir, thank you so much for the great ticket, I am very happy to give you a license of “WordPress Footnote” as a THANKS, WordPress footnote plugin will add foonote in your wordpress post automatically, Our wordpress footnote plugin will replace your footnote with numbers and link numbers to references lists automatically, references lists will generated by wordpress foonote pugin automatically too, support add tooltips on wordpress footnote items to help users understand footnote items faster and better

How to Use WordPress Footnote with Tooltip Plugin?

WordPress Footnote plugin is very easy to use, when you edit your wordpress post, just add some syntax like this: {{Hi, I am footnote}}, and that’s all you need to do.

Our wordpress footnote plugin will replace your footnote with numbers and link numbers to references lists automatically, references lists will generated by wordpress foonote pugin automatically too.

When mouse hover footnote numbers like [1], [2], a references popup box will shown, the footnote content “Hi, I am footnote” will show in the popup box, also when you click footnote numbers,  you will go to the references lists at the bottom of the page. At the references lists, if you click references numbers, users will be redirected back to related footnotes in post content, all things will be done automatically, for example, you do not need to add / edit / delete number of footnote [1], [2]… and so on manually,  we will calculate it for you automatically, what you need it just focus on add your footnotes with the tag {{this is my footnote exapmle}}, our plugin will save your time and help you make everything looks pretty automatically.

WordPress Footnote  Editor looks like this:

WordPress Footnote Editor

How to Setup WordPress Footnote with Tooltip  plugin?

In Footnote Global Settings Panel, you can enable / disable “Display Footnote Content in Popup Box When hover the Footnote Link”, select footnote box style, custom footnote tag settings, enable / disable references label before references list, custom references label name with your language.

That’s all, it is very easy to use, what you need is just focus on your paper and our footnote plugin will do everything for you.

WordPress Footnote Setting Panel looks like this:

WordPress Footnote Global Settings Panel

would you please give me your account, so I can add the plugin in your account? Thanks, have a blessed day with your family 🙂