1.0.4 • Published 6 years ago

gitbook-plugin-page-toc-optional v1.0.4

Weekly downloads
1
License
MIT
Repository
github
Last release
6 years ago

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 is true.
  • 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.
  • position : Position of TOC
    • Allowed values:
      • before-first (default) : Before the first heading
      • top : On top of the page

CSS Customization

The TOC elements have class attribute .page-toc. You can override the styles in styles/website.css.