Generar una tabla jerárquica de contenidos con vanilla JS-TOC-plugin
| Autor: | tyler-vs |
|---|---|
| Views Total: | 692 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 5, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Complemento de TDC de JavaScript de vainilla que se utiliza para generar una tabla de contenido jerárquica basada en listas para contenido web largo.
El complemento busca elementos de encabezado dentro del documento y genera una navegación de TOC con listas HTML anidadas.
Funcionamiento
Cree un contenedor para colocar la tabla de contenido.
<div data-toc></div>
Inserte el script ' TOC-script. js ' en el documento HTML.
<script src="js/toc-script.js"></script>
Genere una tabla de contenido dentro del elemento de marcador de posición.
myPlugin.init()
Personalice los elementos de encabezado que desea buscar.
myPlugin.init({
selectorHeaders: 'h2, h3, h4, h5, h6'
}) Establezca el selector del elemento de marcador de posición.
myPlugin.init({
selectorTocs: '[data-toc]'
}) Establezca la clase CSS anexa a la tabla de contenido.
myPlugin.init({
initClass: 'js-toc'
})
