table-of-contents-wb-site
v0.0.8
Published
```html <head> <!-- ... --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/table-of-contents-wb-site@latest/dist/table-of-contents-wb-site.css" /> </head>
Downloads
73
Readme
Table of Contents
Example
<head>
<!-- ... -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/table-of-contents-wb-site@latest/dist/table-of-contents-wb-site.css"
/>
</head>
<div id="table-of-content"></div>
<script src="https://cdn.jsdelivr.net/npm/table-of-contents-wb-site@latest/dist/toc.iife.js"></script>
<script>
App.mountConstructorWidget("#table-of-content", {
headingFilter: ["H2", "H3"],
article: "#article",
scrollOffset: 96,
activeHeadingOffset: 96,
loc: {
hiddeToc: "Hide Contents",
displayToc: "Show Contents",
},
fixed: true
});
</script>
<article id="article" class="article">
<h1>
The Open Society: Evolution, Principles, and Challenges of the 21st Century
</h1>
<!-- ... -->
</article>Preview
Demo
https://table-of-contents-wb.netlify.app/