Generación automática de tabla de contenido utilizando Tocbot
El contenido más extenso se está convirtiendo en la norma con una recepción más fuerte por parte de Google y de los usuarios. Pero puede ponte un poco cansado de leer el contenido de formato largo con toneladas de sub-encabezados para navegar.
Entra a Tocbot, una gratis generador de tabla de contenidos construido en JavaScript. Esto crea automáticamente una lista de ToC fija en cualquier página y actualiza su posición a medida que se desplaza más allá de cada encabezado.
La página principal incluye una vista previa completa junto con la documentación que puede seguir para configurar todo esto..
Tocbot tiene Sin dependencias y debe ejecutarse en cualquier navegador. con JavaScript habilitado. Solo incluye los archivos JS / CSS de Tocbot y déjalos correr. Sencillo!
Incluso puede usar las versiones CDN si no desea descargar nada localmente. Es una bonita Configuración sencilla e incluso puedes personalizar la tabla de contenidos. para satisfacer sus necesidades.
Sin embargo, esto requiere un poco de JavaScript para que funcione. Específicamente necesitas ejecutar un en eso() funciona con los parámetros que definen dónde debe aparecer su navegación y qué encabezados desea orientar (es decir, H1-H6).
Echa un vistazo al repositorio de GitHub para obtener más información de configuración. Esto incluye Soporte del navegador, todos los parámetros personalizados y las instrucciones de configuración. para los principales archivos JS / CSS.
La API viene con mucho de características que puedes editar también:
- Lista plegable de artículos.
- Sub-encabezados en tabla.
- Offset para la navegación de tablas.
- Arreglado o estático.
- Enlaces extra para añadir a la navegación..
Algunos diseñadores pueden preferir crear su propia tabla de contenidos desde cero. Pero ese es un proceso bastante técnico y requiere mucho esfuerzo manual..
Con Tocbot eres solo una función JS lejos de un ToC de trabajo que se ejecuta dinámicamente en todos los encabezados de página.
Para obtener más información, visite la página principal de Tocbot. Esto tiene toda la información de configuración que necesita junto con los enlaces de descarga a las versiones CDN (y locales) de todos los archivos de Tocbot.
