Lmst

Et de 3 ! 😀

L'application #md2html est maintenant sur La Forge de @apps ! 🚀

🔗https://lmdbt.forge.apps.education.fr/md2html/

(il me reste encore à mettre en page le thème sombre et les pages traduites dans les autres langues...)

Bonne journée !

Mes deux autres applis :
- 👾 Pixel-It : https://lmdbt.forge.apps.education.fr/pixel-it/
- 🔏 Gbd1m2p : https://lmdbt.forge.apps.education.fr/gbd1m2p/

Copie d'écran de la page d’accueil de l'application md2html.

📚 Retour sur le partage de corrigés avec mes élèves ! 🎓

1️⃣ code Markdown = 🌐 1 version numérique + 📄 1 version papier (pdf)

🔗 Le corrigé en ligne, en "responsive" : https://lmdbt.fr/23-24/ENN-PeriAire.html

✍️ Tapé sur CodiMD (https://codimd.apps.education.fr - disponible via @apps) et converti en #HTML grâce à #md2html sur #LaForge : https://ciaconelli.forge.aeif.fr/md2html/

📩 Ensuite, distribution d'une version #PDF aux élèves avec le même code. Voici la version PDF : https://lmdbt.fr/23-24/ENN-PeriAire.pdf

🛠 Générée grâce à l'application #a4 de @eyssette (dispo sur #LaForge) : https://eyssette.forge.aeif.fr/a4

#éducation #numérique #Markdown #partage

Copie d'écran de la version sur ordinateur du corrigé.

Aperçu de la version réalisée sur A4 avant impression au format PDF.

🇬🇧 MD2HTML Update:

Version 1.16: Added pages in English, German, and Spanish. Check them out at:
https://ciaconelli.forge.aeif.fr/md2html/index.eng.html

🇮🇹 Aggiornamento MD2HTML:

Versione 1.15: Aggiunta una pagina completamente in italiano, grazie a @nilocram per la traduzione. Trovatela qui: https://ciaconelli.forge.aeif.fr/md2html/index.it.html

🇪🇸 Actualización de MD2HTML:

Versión 1.16: Se han añadido páginas en inglés, alemán y español. Échales un vistazo en:
https://ciaconelli.forge.aeif.fr/md2html/index.sp.html

🇩🇪 MD2HTML-Update:

Version 1.16: Seiten auf Englisch, Deutsch und Spanisch hinzugefügt. Schaut sie euch an:
https://ciaconelli.forge.aeif.fr/md2html/index.de.html

#markdown #html #coding #multilanguage #opensource #creativecommon #md2html

#md2html - mise à jour

version 1.14 :
Ajout d'une fonction JS pour synchroniser automatiquement le code et l'aperçu html

Application disponible sur #LaForge :
https://ciaconelli.forge.aeif.fr/md2html/

MD2HTML est un convertisseur en ligne qui vous permet de convertir facilement votre code Markdown en HTML :
- prise en charge des équations MathJax
- des favicons
- ajout de code HTML possible
- exporter votre fichier en HTML ou en .md pour une intégration facilité vers votre site web

Capture d'écran de l'appli.
Du code markdown et html à gauche et l'aperçu en HTML à droite.

#MD2HTML - Mise à jour

- Ajout de boutons pour mettre en page le document et rendre plus accessible l'appli (notamment à ceux qui ne savent pas coder en Markdown)

Disponible sur #LaForge ⤵️
https://ciaconelli.forge.aeif.fr/md2html/

MD2HTML est un convertisseur en ligne qui vous permet de convertir facilement votre code Markdown en HTML.

Capture d'écran de page HTML md2html avec une flèche rouge pointant vers un bandeau noir où se trouve les boutons (au dessus du code).

@jm_favreau
2 images illustrant mon propos :

- Le "\huge" accentue les défauts visibles sur les deux applis.
Mais ces défauts sont moins visibles et perturbant sur #md2html que sur #CodiMD (ou Hedgedoc).

- Vous remarquerez aussi l'espace entre la virgule et le chiffre des dixièmes présents sur CodiMD mais absent sur md2html.

Bon dimanche ! 😉

#Markdown #html #TexLaTeX #MathsMode

@lelibreedu @ElCep

$Aperçu du code $$\huge \sqrt{3,14}$$ sur md2html$ $Aperçu du code $$\huge \sqrt{3,14}$$ sur CodiMD$

@lelibreedu
Et codée avec l'aide de #md2html 😉

Dispo aussi sur la forge
➡️ https://ciaconelli.forge.aeif.fr/md2html/index.html

@tmounier

Mise à jour : #MD2HTML 1.12

- Ajout de la fonctionnalité de zones de texte dépliables et repliables. Cette fonction permet de replier du texte ou du code sous une balise `<summary>`, rendant le contenu plus organisé et facile à naviguer.

- Ajout d'un style CSS dédié pour les balises `<details>` et `<summary>` pour améliorer leur apparence.

➡️ https://ciaconelli.forge.aeif.fr/md2html/

#Markdown #html #detail #summary

À la demande de : @tmounier 😜

Capture d'écran montrant une page avec des exemples de code Python repliables. Le premier exemple est replié et indiqué comme 'Un petit code Python' qui peut être déplié pour voir le code. Le deuxième exemple est déjà déplié, affichant le même code Python qui définit une fonction greet et l'utilise pour saluer 'John'.

Une mise à jour de #MD2HTML en cours...

cc : @tmounier 👀

MAJ #MD2HTML version 1.11

- Ajout de la coloration syntaxique dans la page html téléchargée à l'aide de la librairie : `highlight.js` pour les languages `html`, `xml`, $\LaTeX$, `python`, `css`, `JavaScript`, `Matlab` et `r`.

MAJ de la licence aussi :
Le code de la page #HTML est quant à lui en licence #ccby :cc: :ccby:

➡️ https://ciaconelli.forge.aeif.fr/md2html/

#markdown #html #highlight

Exemple d'un code html et de son aperçu colorisé.

#MD2HTML V1.10

- Modification de la librairie Mathjax `tex-mml-svg.min.js` pour `tex-svg-full.js` notamment pour la prise en charge de l'écriture d'équations chimiques.

➡️ https://ciaconelli.forge.aeif.fr/md2html/#latex

Cc : @linusable 😉

Copie d'écran du code de l'équation à gauche et de l'aperçu en HTML à droite.

#MD2HTML version 1.9.2
- Ajout de quelques lignes pour permettre le téléchargement de la page en HTML sans titre si aucun titre en `<h1>` n'est donné par l'utilisateur.
- Ajout de liens d'ancrage dans la table des matières du code de la page.

➡️ https://ciaconelli.forge.aeif.fr/md2html/

Ce corrigé m'a permis d'introduire #CodiMD (et donc @apps ) #a4 et #MD2HTML du côté "de la Force oBscur"...

J'ai d'excellents retours de collègues qui souhaitent tester pour éventuellement basculer de Word vers Markdown... 👍

À mon avis, je vais devoir assurer un service après vente ! 😆

Copie d'écran d'un post Facebook qui parle de CodiMD.
Il y a le début du post et deux images : une de code et de son aperçu, une autre de l'aperçu sur téléphone.

😃☺️🎉
ou
quand tu découvres que des collègues utilisent ton appli* ! 😆

#MD2HTML

L'appli en question ➡️ https://ciaconelli.forge.aeif.fr/md2html/

*et qu'en plus tu vas peut être avoir de la matière pour corriger certains bugs ! 👀😁

Commentaire d'un collègue qui utilise MD2HTML et qui rencontre un problème.

Instalar markdown-styles para convertir un .md en un .html

#Blog #CSS #HTML #Markdown #md2html #Styles

https://osiux.com/2017-07-08-instalar-markdown-styles-para-convertir-un-md-en-un-html.html

@tmounier
😂😂😂

Si tu savais comment je code ça... 🙈

Je suis à la main avec un bon vieux éditeur #VSCodium ! 🤓
J'ai appris tout seul en lisant un bouquin sur le #HTML5 et sur #w3school, il y a plus de 10ans ! Je fais avec mes restes...

Je ne sais même pas s'il y a plus simple aujourd'hui. 🙃

En tout cas, pour mes pages de correction d'exercices, j'irai sur mon petit outil #MD2HTML. 😁

Une petite discussion (sur Dreamweaver) avec @fhouste m'inspire une question ouverte :

➡️ Quels #moyens* utilisez-vous pour produire vos contenus sur le net (#HTML en particulier) ?

*Logiciel ou autres...

Les miens :
- #VSCode (et j'y code directement le CSS et l'HTML)
- #Markdown (#CodiMD et #MD2HTML depuis peu pour mes billets de blog et les corrections d'exercices à l'attention de mes élèves)

🔁😉

#MD2HTML version 1.9.1

https://ciaconelli.forge.aeif.fr/md2html/

➡️ Toutes les librairies sont chargées depuis la forge pour ne pas (plus) dépendre d’un tier serveur.

Pour le plus grand bonheur de @mjhn 😉

Copie d'écran du <head> de la page HTML.
On y lit (grace au URL) que les librairies sont chargées depuis la forge.

Bonjour à tous ! 😀

Et petite* mise à jour :

#MD2HTML version 1.9
➡️ Intégration d'une coloration syntaxique du code à l’aide de CodeMirror.

https://ciaconelli.forge.aeif.fr/md2html/

#Markdown #HTML

Un exemple de page générée avec cette appli :
https://lmdbt.fr/corrections/4e/thales/activit%c3%a94et5_thales.html

PS : *euphémisme ➡️ ça a été une petite galère à intégrer dans mon code existant... 🧑‍💻

Copie d'écran de la page MD2HTML.
Il y a une fenêtre de code à gauche, sombre avec une coloration syntaxique et un aperçu en HTML à droite.

#MD2HTML version 1.8.1

https://ciaconelli.forge.aeif.fr/md2html/

- Correction d'un "bug" ➡️ possibilité d'écrire du code HTML au `format code` sans qu'il soit analysé.
- Suppression de l'espace décimal en `$mode maths$` : en `$mode maths$` la virgule `,` est remplacée par `{,}` pour supprimer systématiquement l'espace décimal après la virgule.

PS : D'ailleurs, sur #CodiMD `$3,14$` donne "3, 14". Il faut écrire `$3{,}14$` pour supprimer l'espace. Ce qui est un peu fastidieux... Une amélioration possible ?

#md2html

Client Info