Template:Tooltip: Difference between revisions

Escape markups in tooltip; Add documentation
mNo edit summary
(Escape markups in tooltip; Add documentation)
Line 1: Line 1:
<span class="tooltip" title="{{{2}}}" style="text-decoration: underline; text-decoration-style: dotted">{{{1}}}</span><noinclude>
<includeonly><span class="tooltip" title="{{#tag:nowiki|{{{2}}}}}" style="text-decoration: underline; text-decoration-style: dotted">{{{1}}}</span></includeonly><noinclude>{{Documentation|content=
This template adds a dotted underline and a tooltip (passed as {{param|2}}) to a piece of text (passed as {{param|1}}). On desktop view, the tooltip shows when cursor hovers on the text. On mobile view, tapping on the text changes itself to the tooltip; tapping again changes it back to the original text.


Please note that using a quotation mark (") or HTML tags in the second parameter (the tooltip) will cause the template to display incorrectly.[[Category:Templates]]</noinclude>
Any Wikitext and HTML markups (e.g. <code><nowiki>''italic''</nowiki></code>, <code>&lt;br&gt;</code>) in tooltip are escaped. To insert newlines, use the [[wikipedia:Character entity|character entity reference]] <code>&amp;#10;</code>, <code>&amp;#xA;</code>, <code>&amp;#xa;</code> or <code>&amp;NewLine;</code>.
 
Examples:
* <code><nowiki>{{tt|Text|Tooltip}}</nowiki></code> → {{tt|Text|Tooltip}}
* <code><nowiki>{{tt|Text|Tool<br>Tip}}</nowiki></code> → {{tt|Text|Tool<br>tip}}
* <code><nowiki>{{tt|Text|Tool&amp;#10;Tip}}</nowiki></code> → {{tt|Text|Tool&#10;Tip}}
}}[[Category:Formatting templates]]</noinclude>
420

edits