⭐ 0
🔍
Tekst Slika PDF i dokumenti Audio Glazba Elektronika Vrijeme Komunalije Validatori Ezoterija Igre

Generator sadržaja

Zalijepite Markdown ili HTML i dobijte ugniježđenu tablicu sadržaja na koju je moguće kliknuti sa pravim sidrištima u stilu GitHub-a sigurnim od sudara, plus izvorni sadržaj s umetnutim ID-ovima naslova.

Automatsko otkrivanje prvo traži prave

-

oznake, a zatim Markdown # naslove.

Dodaje atribut {#slug} nakon svakog naslova - podržavaju kramdown, Pandoc, MkDocs i GitHub Pages (Jekyll).

Buy Me a Coffee at ko-fi.com
Obrada... 0%
Otkrivanje formata sadržaja
Raščlanjivanje naslova
Dodjeljivanje puževa sigurnih od sudara
Izgradnja tablice sadržaja

Rezultat

Sadržaj je koristan samo onoliko koliko su korisne veze sidra ispod njega, a veze sidra pouzdane su samo ako svaki naslov dobije jedinstveni, predvidljivi trag. Ovaj generator raščlanjuje naslove iz onoga što zalijepite - Markdown ili HTML - i svakom dodjeljuje pravo sidro u stilu GitHub-a: tekst malim slovima, razmaci i interpunkcija zamijenjeni su ili uklonjeni, i, kritično, pravi sufiks siguran od sudara kad god bi dva naslova inače proizvela isti trag. Drugi "Uvod" u dokumentu postaje uvod-1, treći postaje uvod-2, praćen pokrenutom kartom pojavljivanja točno na način na koji GitHubov vlastiti slugger radi - a ne prečac koji nečujno prepisuje ranije veze kada se ponavljaju naslovi, što je najčešći način na koji se ručne skripte sa sadržajem prekidaju.

Raščlanjivanje označavanja temelji se na liniji prema svrsi, jer klasični način neuspjeha za naivnu implementaciju tretira "#" napisan unutar ograđenog bloka koda kao naslov. Ovaj alat prati je li ``` ili ~~~ ograda trenutno otvorena dok hoda dokumentom redak po redak i prepoznaje samo ATX naslove (# do ######) izvan otvorenih ograda - tako da uzorak koda koji prikazuje komentare ljuske ili Python "# komentar" nikada ne zagađuju vašu tablicu sadržaja. HTML unos ide drugačijim, jednako stvarnim putem: analizira se vlastitim DOMParserom preglednika, naslovi se odabiru prema nazivu oznake, a svaki atribut id-a postavlja se izravno na stvarni element prije nego što se dokument serijalizira natrag u niz.

Dvije stvari izlaze s druge strane. Prvo, sam sadržaj, izvezen kao ugniježđeni Markdown popis (- [Naslov](#slug), uvučen prema razini naslova) i ugniježđeni HTML popis (<ul><li><a href="#slug">), svaki sa svojim gumbom za kopiranje. Drugo, vaš izvorni sadržaj sa sidrištima koja su zapravo spojena: za Markdown unos možete odabrati široko podržanu {#slug} sintaksu atributa naslova koju koriste kramdown, Pandoc, MkDocs i Jekyll GitHub Pages, ili se vratiti na obične HTML oznake naslova s ​​već postavljenim id="slug" ako vaš ciljni renderer ne razumije sintaksu atributa. Za HTML unos, ID se ubacuje izravno u raščlanjeni element naslova - ne postoji poseban "način" za odabir jer oznake već postoje.

Sve se izvodi lokalno u vašem pregledniku: raščlanjivanje, računska obrada i ponovno sastavljanje dokumenta sve se događa u JavaScriptu na stranici koju trenutno gledate, a nigdje ništa nije učitano. To je važno za dokumentaciju nacrta, interne wikije ili neobjavljen post na blogu koji niste spremni zalijepiti u uslugu treće strane samo da biste dobili radnu tablicu sadržaja.

🛡️
Izvršeno u pregledniku

Vaše datoteke i unosi nikada ne napuštaju ovaj uređaj. Obrada se odvija potpuno offline. 100% siguran.

Prihvaćeni formati i pravila

  • Pravi Markdown parser redak po redak koji prati stanje ograđenog kodnog bloka, tako da se naslovi prepoznaju samo izvan ograda ``` i ~~~ - a ne naivni regularni izraz preko cijelog teksta.
  • Pravi mehanizam za brojanje pojavljivanja: svaki se puž prati na karti kako mu je dodijeljen, a ponavljanje dobiva sljedeći slobodni sufiks -1, -2, -3 po redoslijedu pojavljivanja, točno kao GitHubov vlastiti algoritam sidra.
  • Dva načina ispisa sadržaja: Markdown sa široko podržanom {#slug} sintaksom atributa naslova (kramdown, Pandoc, MkDocs, Jekyll/GitHub Pages) ili HTML sa stvarnim atributima id="slug" umetnutim u oznake naslova za renderere koji ne podržavaju sintaksu atributa.
  • HTML unos raščlanjuje se pravim DOMParserom (ne zamjenom niza): elementi naslova izravno dobivaju svoj ID atribut postavljen i dokument se serijalizira natrag netaknut.

Ključne prednosti

✓ Pravi udarci sigurni od sudara: dva naslova oba pod nazivom "Uvod" ispravno postaju #introduction i #introduction-1, što odgovara točnoj konvenciji koju koriste GitHub i većina generatora statičnih stranica.
✓ Radi i na Markdown i na HTML unosu, s automatskim otkrivanjem tako da rijetko trebate reći koji ste zalijepili.
✓ Izvozi TOC kao Markdown (- [Naslov](#slug)) i HTML (<ul><li><a>) s kopiranjem jednim klikom, plus vaš izvorni sadržaj s umetnutim sidrištima naslova tako da veze stvarno rade.
✓ Svjestan ograde koda: "#" napisan unutar bloka koda ``` u vašem Markdownu ispravno se zanemaruje umjesto da se pogrešno čita kao naslov.

Slučajevi upotrebe

  • • Pretvorite dugu stranicu README ili wiki u dokument kojim se može kretati: zalijepite Markdown, nabavite ugniježđenu tablicu sadržaja s funkcionalnim #slug vezama sidra i ispustite naslove s oznakom {#slug} natrag u istu datoteku.
  • • Popravite stranicu s dokumentacijom na kojoj dva odjeljka dijele naslov (npr. dva pododjeljka "Konfiguracija" u različitim poglavljima): neka automatski sustav za sigurnosne udare dodjeljuje #configuration i #configuration-1 umjesto da ručno pogađa sidra.
  • • Dodajte stvarna sidra za skok na odjeljak na statičnu HTML stranicu ili izvoz CMS-a: zalijepite tijelo HTML-a, atribute id="slug" ubacite izravno u svaku oznaku <h1>-<h6> plus navigacijski popis <ul><li><a> spreman za lijepljenje.