Página con subíndice

This topic contains 3 respuestas, has 3 voices, and was last updated by Ignacio Gros Hace 11 años.

Author

Entradas
25 octubre, 2013 at 16:55 #12609

pepemopap
Member

Hola a todos! Antes que nada dar las gracias por el desarrollo de este fantástico proyecto. Al tema:

No se si soy el único pero en ocasiones encuentro que necesito crear una página vacía únicamente como medio para ordenar los contenidos y crear páginas que desciendan de ella. En esos casos esa página queda en blanco, pues realmente no se muy bien que meter en ella ya que su función es únicamente como contenedor.

Sería ideal si hubiese alguna opción en eXe para que obviase esas páginas y no las marcase en el menú como enlaces o que directamente al pinchar en ella redirigiese a la primera prágina descendiente. No se si existe alguna solución actualmente al respecto.

De momento para dar solución he creado un pequeño javascript (adjunto) que lo que hace es copiar el nodo html del menú de la izqueirda que desciende de la página para mostrar en esa misma página el índice de su subcontenido (adjunto captura). Simplemente he copiado ese .js en el tema que utilizo normalmente y luego en la página creo un iDevice de texto libre con el contenido html:

<div id=”autoindex”><strong>Contenidos</strong></div><script type=”text/javascript” src=”autoindex.js”></script>

Lo expongo aquí para compartirlo y por si existe una solución más adecuada, pues estoy empezando ahora a utilizar eXe aun hay bastantes cosas que desconozco.

Otra cosa que he hecho es integrar SyntaxHighlighter en eXe. Muy útilpara materias relacionadas con programación. Si alguien le interesa puedo compartirlo.

Un saludo.

Archivos adjuntos:
You must be logged in to view attached files.
29 octubre, 2013 at 8:56 #12674

Antonio Monje Fernández
Member

Hola Pepe:

Gracias por el reporte. El tema del índice, supongo que funcionará bien en exportados html pero cuando se hace un exportado scorm o ims ¿No rompe la navegación?

Respecto a SyntaxHighlighter… cuéntanos algo más 😉

Saludos
29 octubre, 2013 at 11:08 #12679

pepemopap
Member

Cierto. Sólo funciona en modo html. Es una solución algo burda, pero de momento me sirve.

En cuanto a SyntaxHighlighter es un script en Javascript que dado un texto plano con código fuente en algún lenguaje de programación soportado formatea el texto resaltando variables, identando el texto, numerando las líneas, etc. Además el texto puede seleccionarse y copiarse fácilmente. Es tremendamente útil para generar contenidos relacionados con asignaturas de desarrollo de software. Adjunto captura del resultado.

La forma más sencilla que he encontrado para integrarlo con eXe ha sido copiar en un tema los archivos de syntaxhighligher estrictamente necesarios para su funcionamiento. De esta forma se adjuntan automáticamente al generar el proyecto y basta con compartir el tema con otros docentes sin que realicen modificaciones en archivos de la instalación del eXe.

Luego, mientras se desarrollan los contenidos en eXe basta con copiar en un iDevice en modo html el código:

<div style=”display: none;”><script type=”text/javascript” src=”syntaxhighlighter_scripts_shCore.js”></script><script type=”text/javascript” src=”syntaxhighlighter_scripts_shBrushJava.js”></script><script type=”text/javascript” src=”syntaxhighlighter_load.js”></script></div><pre class=”brush: java”>//CÓDIGO FUENTE A MOSTRAR</pre>

Supongo que lo ideal sería crear un iDevice que realizase esto sólo, pero no estoy puesto en Python.

¿Hay alguna forma sencilla de incluir algo en el head de cada página? Me sería útil para incluir las líneas de <script src> de forma automática.

Archivos adjuntos:
You must be logged in to view attached files.
31 octubre, 2013 at 7:40 #12709

Ignacio Gros
Keymaster

Un adelanto:En la próxima versión de eXe se podrá incluir código dentro de HEAD y al final de BODY en todas las páginas del proyecto. Es decir: los estilos podrán incluir las llamadas a sus propios JS, con lo cual no habrá que recurrir a esos trucos para que soluciones como la que comentas funcionen. Será suficiente con añadir las líneas que incluyen los JS en el archivo config.xml del estilo seleccionado.También podemos plantearnos (creo que estaría bien) incluirlo en eXe por defecto. Ahora desde TinyMCE se puede insertar código. Se podría incluir un “checkbox” más: “Syntax highlighter”. Si se marca, se aplica la solución y se incluye lo necesario en la exportación.También se podría hacer un iDevice, pero creo que es más cómodo poder insertar el código entre líneas de texto.Sobre la navegación: Mi opinión es que si la organización del documento requiere crear una página con hijas, esta página debe estar en el HTML. Por accesibilidad, entre otras cosas. La estructura del documento debe ser clara y consistente en todos los casos.La solución rápida sería la que has aplicado. Lo malo es lo que ya sabes: que es dependiente de JavaScript.Se podría hacer un iDevice (“Navegación”, “Mapa web” o “Menú”) que permitiese insertar una lista de páginas a partir del nodo especificado. Esto sería muy práctico para crear índices, algo que puede ser un tanto pesado en la actualidad.¡Gracias, Pepe!
Author

Entradas