Hemsida » Toolkit » Automatisk generera innehållsförteckning med Tocbot

    Automatisk generera innehållsförteckning med Tocbot

    Längre innehåll blir normen med en starkare mottagning från Google och såväl som användarna. Men det kan bli lite trött på att läsa innehållet i långformat med massor av underrubriker att bläddra.

    Ange Tocbot, en gratis Innehållsgenerator genererad på JavaScript. Detta skapar automatiskt en fast ToC-lista på en sida och uppdaterar din position när du rullar förbi varje rubrik.

    Huvudsidan innehåller en fullständig förhandsgranskning tillsammans med dokumentation som du kan följa för att få denna alla inställningar.

    Tocbot har inga beroenden och bör köras i alla webbläsare med JavaScript aktiverat. Du inkluderar bara Tocbot JS / CSS-filerna och låter dem springa. Enkel!

    Du kan även använda CDN-versionerna om du inte vill ladda ner något lokalt. Det är en söt enkel installation och du kan även anpassa innehållsförteckningen för att passa dina behov.

    Men det kräver lite JavaScript för att få det att fungera. Specifikt måste du springa en i det() funktion med parametrar som definierar var din navigering ska visas och vilken rubrik (er) du vill rikta in (dvs H1-H6).

    Ta en titt på GitHub repo för mer installationsinformation. Detta inkluderar webbläsarstöd, alla anpassade parametrar och installationsanvisningarna för de viktigaste JS / CSS-filerna.

    API: n levereras med mycket av funktioner som du kan redigera för:

    • Fällbar lista över objekt.
    • Underrubriker i tabell.
    • Offset för bordnavigering.
    • Fast nav eller statisk.
    • Extra länkar för att lägga till i navigeringen.

    Vissa designers föredrar att skapa egna innehållsförteckningar från början. Men det är en ganska teknisk process och kräver mycket manuell ansträngning.

    Med Tocbot du är bara en JS-funktion bort från en fungerande ToC som kör dynamiskt över alla dina sidrubriker.

    För mer information, besök Tocbot hemsida. Detta har all information du behöver tillsammans med nedladdningslänkar till CDN (och lokala) versioner av alla Tocbot-filerna.