@leisn/markdown-it-toc
Version:
Markdown-it plugin to make table of contents, default parse tag [toc].
54 lines (51 loc) • 1.58 kB
HTML
<html>
<head>
<title>Test [TOC]</title>
<link rel="stylesheet" href="./toc.css">
</head>
<body>
<p>
<div id="toc" class="toc-wrapper">
<ul>
<li>
<a href="#toc.1">
<span class="toc-item-index">1</span>
H1-1
</a>
</li>
<ul>
<li>
<a href="#toc.1-1">
<span class="toc-item-index">1.1</span>
H2-1
</a>
</li>
<ul>
<li>
<a href="#toc.1-1-1">
<span class="toc-item-index">1.1.1</span>
H3-1
</a>
</li>
</ul>
</ul>
<li>
<a href="#toc.2">
<span class="toc-item-index">2</span>
H1-2
</a>
</li>
</ul>
</div>
</p>
<h1 id="toc.1" class="toc-heading"><span class="toc-heading-prefix">1</span><span
class="toc-heading-content">H1-1</span><a href="#toc" class="toc-heading-suffix">#</a></h1>
<h2 id="toc.1-1" class="toc-heading"><span class="toc-heading-prefix">1.1</span><span
class="toc-heading-content">H2-1</span><a href="#toc" class="toc-heading-suffix">#</a></h2>
<h3 id="toc.1-1-1" class="toc-heading"><span class="toc-heading-prefix">1.1.1</span><span
class="toc-heading-content">H3-1</span><a href="#toc" class="toc-heading-suffix">#</a></h3>
<h1 id="toc.2" class="toc-heading"><span class="toc-heading-prefix">2</span><span
class="toc-heading-content">H1-2</span><a href="#toc" class="toc-heading-suffix">#</a></h1>
</body>
</html>