1.0.4 • Published 6 years ago
gitbook-plugin-page-toc-optional v1.0.4
gitbook-plugin-page-toc-optional
This plugin adds a table of contents (TOC) to each page in your Gitbook. It has the following enhancements on top of aleung's page-toc plugin:
- You can set whether the TOC appears on all pages by default.
- You can enable or disable the TOC on individual pages to override the default.
Install
Add the plugin to your book.json
:
{
"plugins": [ "page-toc-optional" ],
"pluginsConfig": {
"selector": ".markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4",
"position": "before-first",
"showByDefault": true
}
}
Use
To show a TOC in one of your pages, either set the showByDefault
parameter to true
in your book.json
, or add a tag to an individual page with the class "showToc", like this: <div class="showToc"/>
.
If you have the showByDefault
parameter set to true
and you want to hide the TOC on a page, add a tag with the class "hideToc", like this: <div class="hideToc"/>
.
The page-specific tags override the showByDefault
parameter.
Configuration
showByDefault
: Whether to show the TOC on all pages by default. Default value istrue
.selector
: CSS selector to select the elements to put anchors on- Default:
.markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4
, which include headings from level 1 to level 4.
- Default:
position
: Position of TOC- Allowed values:
before-first
(default) : Before the first headingtop
: On top of the page
- Allowed values:
CSS Customization
The TOC elements have class attribute .page-toc
. You can override the styles in styles/website.css
.