HTML Footnote Tool

Given a block of HTML, this tool automatically converts all hyperlinks to a clearly readable inline reference format, suitable for sourcing and printing. A corresponding footnote section is generated in the content's footer area.

You can use the script that powers this tool in your own projects.
Download footnote.js

Input

Paste some HTML code here, and all links will automatically be converted to footnotes in the output area. <a href="http://example.net/2020-01-01/Article-Title-ABC">abc</a>. <a href="http://example.net/Article-Title-DEF">def</a>. <a href="http://example.net/2020-02-02/GHI">ghi</a>. <a href="http://example.net/JKL?foo#bar">jkl</a>. <a href="http://example.net/2020-03-03.html?foo=bar">mno</a>.

Reset

Output