C'est simple : éditer du markdown en direct
Intérêt : pédagogique
Le passage au HTML est fait par une librairie externe : src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"
Vous pouvez récupérer la source HTML et la faire fonctionner chez vous.
Il ne reste qu'un bouton à faire pour récupérer notre document sans la partie éditeur.
Quelques ressources à base de MD :
https://www.mkdocs.org/
https://casual-effects.com/markdeep
(vu chez Petits liens en vrac)
J'ai refait mon weblog sur une base php très simpliste dans le but de générer des pages via une source .md qui peut donc comporter la syntaxe markdown mais aussi des formules latex. Je voudrais pouvoir me passer du dokuwiki qui est finalement trop complexe pour mon utilisation basique.
Ici mon weblog fait le strict minimum : lister les articles par ordre chronologique, une page pour accéder aux mot-clés / tags et une page de recherche. Il y a une touche de JS pour construire automatiquement un sommaire.
Avec une UI digne de ce nom (je suis toujours aussi naze avec ça) ça pourrait être intéressant. La source
Je vois une nouvelle vague de "oh lala la plateforme privée ou je publie depuis des années, caypawoufenfait, que puis-je ?"
Et c'est pas les outils qui manquent, vous allez trouver votre bonheur.
Si ça peut servir : https://dukeart.netlib.re/app/markdown/#edit
Avec le volet éditeur et le volet du rendu. C'est une maquette mais bon :)
Cette leçon vous apprendra les notions de base de Markdown, une syntaxe de balisage facile à lire et écrire, ainsi que Pandoc, un outil en ligne de commande qui permet de convertir du texte brut en différents types de fichiers bien formatés: PDF, .docx, HTML, LaTeX, diaporama, et plus encore.
Oh c'est de la balle ça, merci pour le partage o/
$ sudo apt-get install pandoc
$ pandoc draft.md -o draft.pdf
via les liens d'Eorn
via Liandri's links
Avec plaisir ;)
Et voilà la version avec transcription via php-markdown
Le nom kiwiblog existe déjà, quelle surprise ^^. C'est un des plus petits agrumes non ?
Bref, avec les images en dur aussi et un css un peu plus fraîs peut-être.
Pour la partie "client". Côté serveur, Caddy fait bien le taf :)
<h1 id="hellomarkdown">hello, markdown!</h1>
Hmmm, c'est pas ce que j'attendais : ce serait pas plus logique ou fonctionnel de définir la classe en fonction du type de balise ? C'est à ça que je pense. Même si ça fait l'affaire.