Digamos que empiezo con un archivo de descuento que hice en typora... luego lo exporto como un archivo HTML simple sin nada sofisticado. El archivo HTML es un documento html simple que solo contiene encabezados h1 a h5 y texto para cada nivel de encabezado...
¿Existe una forma sencilla de crear automáticamente un "mapa del documento" basado en los encabezados html que se adjuntan al lado izquierdo del documento html de la misma manera que en los mapas del documento en Microsoft Word, Acrobat Reader? Buscando la solución más simple.
Por ejemplo, ¿tal vez pueda cortar y pegar un pequeño programa javascript para consultar las etiquetas de encabezado y mostrarlas al costado?
¿O tal vez puedo escribir un script de python , perl o powershell para leer todas las etiquetas de encabezado y poner enlaces al costado al producir un nuevo documento html?
Que gane el método más sencillo..
<!doctype html> <html> <head> <meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'> <title>sample</title> </head> <body><p> </p> <p> </p> <h1 id='heading-1'>heading 1</h1> <h2 id='apples'>Apples</h2> <p>Apples are tasty</p> <h3 id='mcintosh'>McIntosh</h3> <h3 id='gala'>Gala</h3> <h3 id='red-delicious'>Red Delicious</h3> <h2 id='pears'>Pears</h2> <p>Pears are green</p> <h2 id='oranges'>Oranges</h2> <p>oranges are orange</p> <p> </p> </body> </html>Así es como quiero que se vea mi documento en HTML usando el código javascript más simple posible
Resulta que no necesitas escribir código, es aún más fácil de lo que pensaba:
De Typora:
Archivo->Preferencias->Exportar->HTML->"Comprobar Incluir barra lateral de esquema"