Generación automática de tabla de contenido con 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 ser un poco agotador leer el contenido de larga duración con toneladas de subtítulos para navegar.

Ingrese Tocbot, un generador gratuito de tablas de contenido basado en JavaScript . Esto crea automáticamente una lista de Td fija en cualquier página y actualiza su posición a medida que avanza cada título.

La página principal incluye una vista previa completa junto con la documentación que puede seguir para configurar todo esto.

Tocbot no tiene dependencias y debe ejecutarse en cualquier navegador con JavaScript habilitado. Simplemente incluye los archivos Tocbot JS / CSS y déjalos funcionar. ¡Sencillo!

Incluso puede usar las versiones CDN si no desea descargar nada localmente. Es una configuración bastante simple e incluso puede personalizar la tabla de contenido para satisfacer sus necesidades.

Sin embargo, esto requiere un poco de JavaScript para que funcione. Específicamente debe ejecutar una función init () con parámetros que definan dónde debe aparecer su navegación y a qué encabezado (s) desea apuntar (es decir, H1-H6).

Echa un vistazo al repositorio de GitHub para obtener más información de configuración. Esto incluye compatibilidad con el navegador, todos los parámetros personalizados y las instrucciones de configuración para los principales archivos JS / CSS.

La API viene con muchas funciones que puedes editar también:

• Lista plegable de artículos.
• Subtítulos en la tabla.
• Desplazamiento para la navegación de tabla.
• Arreglo de navegación o estático.
• Enlaces adicionales para agregar 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, usted está a solo una función JS de un ToC que funciona dinámicamente en todos los títulos de sus páginas.

Para obtener más información, visite la página de inicio de Tocbot. 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.