External links

A link whose address begins with an URI scheme component is considered an external link.

Heuristic

Emanote displays an icon next to an external hyperlink if its description contains some text, including inline code and math formulas. ¹ The heuristic is intended to make the site look good in most cases.

Overriding the heuristic

This behaviour can be overriden by setting the value of the data-linkicon data attribute of a link:

Note that the attribute can also be used to display the icons in the HTML templates (like the footer or the sidebar) or in raw HTML of Markdown ✍️.

URL properties

The displayed icon may depend on the link properties (e.g. the actual URI scheme). This is customized using CSS. By default, Emanote displays a different icon if the URI scheme component is mailto:. Check the https://github.com/srid/emanote/tree/master/emanote/default/templates/base.tpl of HTML template for details.

Demo

• Default styling:
  • the emanote repo
  • why the external link symbol is not in Unicode
  • \(e^{i \pi} + 1 = 0\)
  • (>>=) :: forall a b. m a -> (a -> m b) -> m b
  • 
  • [email protected]
• {data-linkicon=none} used to suppress the icon:
  • Water’s formula is H₂O.
  • A 90’s style hyperlink: ➡➡➡ CLICK HERE!!! ⬅⬅⬅
• {data-linkicon=external} used to forcefully show the icon
  •