Ignacio Gros

Pasos a seguir para probar eXeLearning con TinyMCE 3.5:

• Asegurarse de tener intef6.2. Con versiones anteriores no funcionará todo.
• Cambios a realizar en la carpeta “scripts” del directorio en el que tengáis eXeLearning:
  • Eliminar o renombrar la carpeta tinymce_3.5.4.1 (se incluyó en la versión por error; no tiene los cambios necesarios y algunos plugins no funcionarán).
  • Renombrar common.js (en realidad no es necesario, pero guardamos copia por si queremos recuperar el archivo original).
  • Descomprimir el contenido de este zip en esa carpeta (“scripts”).

Nada más.

Deshacer los cambios

Si queréis volver a utilizar la versión antigua de TinyMCE es suficiente con que editéis common.js y sustituyáis esto:

var eXeLearning_settings = { wysiwyg_path : “/scripts/tinymce_3.5.4.1/jscripts/tiny_mce/tiny_mce.js”, wysiwyg_settings_path : “/scripts/tinymce_3.5.4.1_settings.js” }

Por esto:

var eXeLearning_settings = { wysiwyg_path : “/scripts/tinymce/jscripts/tiny_mce/tiny_mce.js”, wysiwyg_settings_path : “/scripts/tiny_mce_settings.js” }

Como veis, ahí se definen las rutas al editor y a su archivo de configuración; así que se podría usar cualquier editor/configuración, y cambiar de uno a otro es muy fácil.

Avisos

• Pruebas hechas con Ubuntu 11 y Windows (Vista y XP). Con Mac no he probado.
• El plugin media funciona, pero de momento sólo admite swf, flv y mp3. Podrá admitir otros formatos más adelante.

Temas pendientes para septiembre

• Corregir todos los fallos que surjan. Sugiero que apuntéis todo lo que veáis y que lo enviéis a primeros de septiembre, que es cuando se retomará el desarrollo. Si no, es posible que este hilo se convierta en algo realmente difícil de seguir.
• Recuperar el comportamiento del plugin advlink que permitía seleccionar otras páginas del elp (y sus anclas) para insertar fácilmente enlaces a las mismas.
• Mejorar media para que admita otros formatos. ¿Incluimos ya HTML5 video/audio?
• Incluir otros plugins. ¿Incluimos “emotions”? Tal vez algún plugin de MathML… ¿Sugerencias?
• Mejorar/Crear otros plugins (facilitar la inclusión de pies de foto y enlaces a diferentes tipos de licencia, por ejemplo).

Traducciones

• Adjunto el “language_pack” de TinyMCE para que podáis revisar la traducción al euskera. Es el paquete original descargado de tinymce.com, así que lo mejor sería que además de adjuntarlo revisado en este hilo se subiese allí para que más personas puedan usarlo.
• Nosotros revisaremos la traducción al castellano.
• Además de ese pack, faltan las traducciones de algunas cadenas en:
  • exemath/langs/eu.js
  • media/langs/eu_dlg.js

Eso es todo.

Espero que funcione. Raro sería que no hubiese que corregir nada. De todas formas, creo que se ha avanzado bastante, y a partir de ahora actualizar la versión de TinyMCE en eXeLearning será más sencillo.

Documentaré todo una vez que corrijamos los fallos.

Nos vemos en septiembre.

¡Buen verano!

Las etiquetas “exe_tmp_anchor” tenían su razón de ser: permitían seleccionar otras páginas (y sus anclas) al insertar/editar un enlace desde TinyMCE.

Lo arreglaremos en septiembre.

Fallo comunicado en: https://exelearning.net/forums/topic/enlaces-a-anclas/#reply-902

He visto cómo lo hacía. Antes, en el HTML de un textarea (con TinyMCE) había un código en la parte de arriba. Algo así: <exe_tmp_anchor…

Ese código se eliminó de exe/webui/common.py, y servía justo para recuperar esos valores (los otros nodos y sus anclas) desde el plugin de enlaces de TinyMCE.

Habría que recuperar el comportamiento cambiando la forma de hacerlo (guardando la lista en una variable global en lugar de hacerlo en el textarea).

Lo malo es que esta solución necesita compilar y que se genere una nueva versión. Hacerlo sólo por JavaScript no tendría sentido.

Por lo menos el fallo está controlado. Lo arreglaremos lo antes posible. Ya en septiembre.

Gracias por el aviso, José María.

Eso me pasa por comprobarlo sólo en Windows.Tienes toda la razón. En Ubuntu no aparece.

Se lo comunico al responsable de empaquetar la aplicación para que no se nos pase en futuras versiones.

Gracias por detectarlo.

¡Cierto!He probado con la versión para Windows de exelearning.org e incluía esa opción. Miraremos cómo lo hacía para recuperar el comportamiento o incluir uno parecido.Lo más interesante sería poder añadir fácilmente un enlace a otras páginas. Tal vez no seleccionándolo del desplegable “Anclas”, sino introduciendo un nuevo desplegable (“Páginas”).Creo que hasta septiembre no podré mirarlo, pero queda apuntado. Avisaré en cuanto haya novedades.Gracias por detectarlo.

Muchas gracias por el comentario. Los usuarios de eXeLearning que prueban y sugieren también ayudan mucho a mejorarlo.

Creo que la revisión se incluía desde la primera versión del nuevo eXeLearning (por favor, corregidme si me equivoco), así que probablemente tienes la de exelearning.org.

Si tuvieses intef 6.1 o intef 6.2 aparecería.

Saludos.

Es muy buena idea.

La verdad es que eso ya se puede hacer. Un ejemplo:

Sustituyecontent_css : “/css/extra.css”,por content_css : “/css/extra.css,/style/INTEF/content.css”, en tiny_mce_settings.js

Tal vez sería conveniente que las plantillas tuviesen un archivo editor.css que tuviese sólo las definiciones necesarias para TinyMCE. Si ese archivo existiese, se podría hacer que el editor lo cargase automáticamente.

También se podría cargar content.css, pero en muchos casos habría que modificar base.css y content.css para no romper la presentación. Por eso creo que sería más fácil tener editor.css y cargarlo sólo si existe en la plantilla seleccionada.

Creo que se podría hacer un plugin.

Para después de las vacaciones…

Saludos.

Hola Jesús. Si abres abres un elp y lo exportas tras haber modificado content.css sí se incluirán los cambios. Si no, sería suficiente con sustituir el content.css del material exportado (si se exportó con las mismas plantillas y no hay posibilidad de perder otros cambios, claro).

Me alegro de que te sirva.

Saludos.

• Por favor, confirmad la ruta en Mac para incluir las instrucciones en las propias páginas de descarga.
• Tened en cuenta que las plantillas del apartado Descargas pueden no ser 100% compatibles con antiguas versiones de eXeLearning.
• Todas las plantillas (al menos en estos momentos) están incluidas en la última versión del programa, que se puede descargar desde ese mismo apartado.

Saludos.

En realidad, párrafo, encabezado 1, etc., no son estilos de texto; son precisamente esas etiquetas: p, h1, h2, etc.

Encabezado 2, por ejemplo, genera <h2>…

Si quieres que los títulos de segundo nivel (h2) sean de color rojo, no tienes más que añadir esto en el archivo content.css de la plantilla que estés usando:

h2{color:red;}

Si quisieses que al exportar como sitio web fuesen verdes (es un ejemplo que no tiene mucho sentido), añadirías esto a nav.css, que se carga después de content.css:

h2{color:green;}

Para verlo igual mientras escribes no queda más remedio que editar el archivo /css/extra.css del directorio en el que tengas instalado eXeLearning, pero ten en cuenta que ese archivo puede cambiar si actualizas la aplicación.

Espero que te sirva.

Saludos.

Buena idea.

¿Qué tal un nuevo apartado en Descargas? En septiembre…

Creo que lo que propone José Miguel sería lo mejor, aunque es verdad que supone bastante trabajo.

Después de leer mi respuesta me he dado cuenta de que no os referíais a ese tipo de glosario. ¿Verdad?Creo que lo que decís también se podría hacer. De momento, habría que hacerlo introduciendo javascript desde el editor, pero más adelante podríamos preparar la aplicación para que, por ejemplo, los enlaces con la clase “tooltip” mostrasen el contenido del archivo HTML al que enlazan.Enlazo a definicion.html y, al pasar sobre el enlace o pinchar en él (creo que es mejor la segunda opción), se muestra una capa con el contenido de ese archivo.En cualquier caso, lo de las listas de definición también vendría bien hacerlo.Saludos.

Se podría hacer de dos formas:

• Con un iDevice (tal vez sea la mejor solución, pero también es la más costosa).
• Con algo de javascript y CSS tras insertar una lista de definición desde TinyMCE.

Con la próxima versión se podrá incluir javascript desde TinyMCE (editando el HTML). Hasta ahora había que modificar su configuración para poder hacerlo. Eso hará más fácil conseguir ese tipo de efectos.

Tomo nota de la idea para facilitar la inserción de listas de definición desde el editor. Ese sería el punto de partida para el glosario. Lo demás sería mejorar la presentación. Se podría hacer más adelante; no sería muy complicado.

Por favor, si encontráis los ejemplos mencionados, enviad el enlace.

Saludos.

Muchas gracias, Pedro.

Había hecho pruebas con esa versión, pero no funciona ninguno de los dos. La semana que viene haré pastecode y empezaré con media, cuando acabe seguiré con exemath.

• This reply was modified Hace 12 años, 4 meses by  Ignacio Gros.