Pagina principala » Setul de instrumente » Generarea automată a conținutului Utilizând Tocbot

    Generarea automată a conținutului Utilizând Tocbot

    Conținutul mai lung devine normă, cu o recepție mai puternică de la Google și de utilizatori. Dar poate fii puțin obositor să citești conținutul în formă lungă cu tone de sub-rubrici pentru a naviga.

    Introduceți Tocbot, un drum liber tabela de conținut generator construit pe JavaScript. Acest lucru creează automat o listă fixă ​​ToC pe orice pagină și vă actualizează poziția pe măsură ce parcurgeți fiecare poziție.

    Pagina principală include o previzualizare completă, împreună cu documentația pe care o puteți urmări pentru a obține această setare.

    Tocbot a avut fără dependențe și ar trebui să ruleze în orice browser cu JavaScript activat. Trebuie doar să includeți fișierele Tocbot JS / CSS și să le rulați. Simplu!

    Puteți chiar să utilizați versiunile CDN dacă nu doriți să descărcați nimic local. E un drăguț configurare simplă și puteți chiar personaliza conținutul pentru a vă satisface nevoile.

    Cu toate acestea, acest lucru necesită un pic de JavaScript pentru a face să funcționeze. Mai exact, trebuie să rulați init () funcția cu parametrii definind unde ar trebui să apară navigația dvs. și ce titlu (e) doriți să vizați (de exemplu, H1-H6).

    Aruncați o privire la repo GitHub pentru mai multe informații de configurare. Aceasta include browser, toți parametrii personalizați și instrucțiunile de configurare pentru principalele fișiere JS / CSS.

    API-ul vine cu mult de caracteristici pe care le puteți edita și:

    • Listă plină de articole.
    • Subtitlurile din tabel.
    • Offset pentru navigarea tabelului.
    • Fixed nav sau static.
    • Link-uri suplimentare pentru adăugarea în navigație.

    Unii designeri pot prefera să își creeze propriul tabel de conținut de la zero. Dar acesta este un proces destul de tehnic și necesită mult efort manual.

    Cu Tocbot esti doar o singura functie JS departe de un ToC de lucru care rulează dinamic în toate titlurile paginilor dvs..

    Pentru a afla mai multe, vizitați pagina de pornire Tocbot. Aceasta are toate informațiile de configurare de care aveți nevoie împreună cu linkurile de descărcare către versiunile CDN (și locale) ale tuturor fișierelor Tocbot.