Fiche Technique — Les 47 Blocs de l'Éditeur Unifié (v4.02)
Éditeur de Sites Web Edelweiss CP510956 — mise à jour du 4 octobre 2026
Mise à jour du 4 octobre 2026
Cette fiche décrit désormais la version 4.02 de l'Éditeur. Les 47 blocs n'ont pas changé depuis la version 3.16 : les nouveautés portent sur la présentation des pages à Google et aux réseaux sociaux, et sur la gestion du menu. Elles sont décrites dans le tableau des nouveautés et dans les parties concernées, sans rien retirer de la fiche précédente (version 3.16, 1er octobre 2026).
Elle est fabriquée, comme toutes les pages de ce site, avec l'Éditeur lui-même.
Introduction
Cette fiche recense, bloc par bloc, la totalité des 47 types de blocs de l'Éditeur Unifié de Sites Internet Edelweiss (v3.16), avec pour chacun : ses champs de saisie exacts, son comportement de rendu détaillé, ses valeurs par défaut, et ses particularités techniques. Document purement technique, destiné à servir de référence exhaustive plutôt que de guide pédagogique.
Deux options universelles. Depuis la v3.1, tout bloc — à l'exception des blocs Sous-titre et Séparateur décoratif eux-mêmes — dispose de deux options supplémentaires, ajoutées en bas de sa carte d'édition : « Sous-titre intégré » (insère, juste avant ce bloc, un vrai « <h2> » identique en tout point au bloc Sous-titre — mêmes champs Centrer et Apparition animée, même alimentation automatique de la table des matières) et « Séparateur intégré » (insère, juste après ce bloc, un séparateur décoratif identique au bloc Séparateur — mêmes 4 styles, même réglage d'espacement). Ces deux ajouts ferment systématiquement la carte visuelle en cours avant de s'afficher, exactement comme le feraient les vrais blocs correspondants. Au rechargement d'une page existante, ces éléments intégrés sont relus comme 3 blocs strictement séparés (Sous-titre, bloc d'origine, Séparateur) : aucune perte de contenu, mais la représentation « bloc unique + options » ne survit pas à un rechargement. Cette colonne est notée « Oui » ou « Non (exclu) » dans les tableaux ci-dessous.
Le principe de la « carte ». La plupart des blocs de contenu s'affichent regroupés dans un même encadré visuel (« carte ») tant qu'aucun bloc dit « structurant » ne vient rompre ce regroupement. Deux blocs Paragraphe consécutifs partagent ainsi la même carte et la même couleur de fond ; un Sous-titre intercalé — qu'il soit un vrai bloc ou une option intégrée — ferme systématiquement la carte en cours.
Couleurs. Sur la vingtaine de blocs qui proposent des champs de couleur, le principe reste constant : les deux champs (fond et texte) sont facultatifs et indépendants — si un seul des deux est renseigné, l'autre se calcule automatiquement pour rester lisible.
L'Éditeur en bref
| Repère | Description |
|---|---|
| Nom | Éditeur de Sites Web Edelweiss CP510956 (Éditeur Unifié de Sites Internet Edelweiss), version 4.02 du 4 octobre 2026 |
| Forme | Un seul fichier HTML, à ouvrir d'un double-clic dans un navigateur (Chrome, Firefox, Edge, Safari) — aucune installation, aucun compte, aucun abonnement, aucun serveur |
| Fonctionnement hors ligne | Toute la construction se fait sur l'ordinateur ; seuls les aperçus des vidéos YouTube et des polices demandent une connexion |
| Trois couleurs | Trois versions identiques par leurs fonctions, aux teintes différentes (Bordeaux, Bleu, Vert), pour gérer plusieurs sites sans jamais les confondre ; le site Mémoire Vivante utilise le Kit Bleu |
| Deux onglets | « Construire une Page » et « Gérer le Menu, les Rubriques et Sous-Rubriques » |
| Blocs de contenu | 47 types, répartis en 6 familles, à empiler dans l'ordre voulu (flèches pour réordonner, croix pour supprimer) |
| Mode sombre | Un bouton « Mode sombre » pour travailler à l'écran le soir, sans effet sur les pages produites |
| Ce qu'il produit | De simples fichiers HTML, à déposer sur n'importe quel hébergement, plus le Plan du Site (plan-du-site.json), le plan pour Google (sitemap.xml) et le fichier robots.txt |
| Utilisation réelle | Toutes les pages du site Mémoire Vivante, dont plus de 220 pages du dossier « Trente Glorieuses et Années 70-80 » |
Les nouveautés depuis la version 3.1
| Version | Date | Nouveauté |
|---|---|---|
| 3.1 | 30 août 2026 | Options universelles « Sous-titre intégré » et « Séparateur intégré » dans chaque bloc (voir l'introduction) |
| 3.5 | 2 septembre 2026 | Le bloc « Vidéothèque » devient « Listing YouTube / Facebook / Sites Web » : saisie sur deux lignes par entrée (le titre, puis le lien), tri alphabétique et repérage des doublons automatiques, recherche par catégorie avec export en PDF |
| 3.6 | 2 septembre 2026 | Séparateur de texte : une ligne contenant seulement trois tirets (---) trace un filet fin à l'intérieur d'un texte, dans tous les blocs qui utilisent la mise en forme du Paragraphe |
| 3.9 à 3.11 | 5 et 6 septembre 2026 | Liens sous forme de bouton : dans les blocs de texte, une case transforme chaque lien en bouton, une seconde case les centre ; identité du site modifiable (nom, devise, copyright) depuis l'onglet « Gérer le Menu » |
| 3.12 | 26 septembre 2026 | Corrections : le sous-titre d'une page qui n'en a pas reste vide à la relecture ; une section vide n'apparaît plus dans les sommaires de rubrique |
| 3.13 | 26 septembre 2026 | Lecture confortable sur téléphone : le menu et le fil d'Ariane ne restent plus collés en haut pendant la lecture, le texte n'est plus justifié, les très longues adresses passent à la ligne |
| 3.14 | 26 septembre 2026 | Sur téléphone, un tableau trop large défile dans son propre cadre au lieu de faire déborder la page |
| 3.15 | 26 septembre 2026 | Boutons plus fins, au texte bleu très foncé, harmonisés avec ceux du sommaire de page |
| 3.16 | 26 septembre 2026 | Description de chaque page pour les moteurs de recherche ; adresse du site ; fabrication du sitemap.xml et du robots.txt ; polices de caractères hébergées sur le site lui-même |
| 4.00 | 3 octobre 2026 | Meilleure présentation à Google et aux réseaux sociaux : adresse officielle de chaque page, aperçu de partage (Facebook, WhatsApp, courriel) avec une image d'aperçu choisie dans l'identité du site, fil d'Ariane lisible par Google, date de mise à jour de chaque page notée dans le sitemap.xml, en-tête complet pour les sommaires de rubrique |
| 4.01 | 4 octobre 2026 | Correction : l'ajout d'une section dans une rubrique toute neuve ne bloque plus l'Éditeur |
| 4.02 | 4 octobre 2026 | Dans l'onglet « Gérer le Menu », le badge d'une page (« En ligne » ou « En préparation ») se change directement dans la liste, et deux flèches montent ou descendent la page dans sa section |
Les versions intermédiaires non citées (3.2 à 3.4, 3.7, 3.8) ont été des étapes de mise au point, sans nouvelle fonction visible. Depuis la version 3.16, les 47 blocs eux-mêmes n'ont pas changé.
Les deux onglets de l'Éditeur
Construire une Page
C'est l'atelier : on y fabrique une page, du titre au dernier bloc.
- Charger le Plan du Site (bouton « Charger mon Plan du Site ») : le menu du haut et la liste des rubriques en viennent.
- Commencer une nouvelle page (bouton « Nouvelle page »), ou ouvrir une page existante (« Choisir un fichier HTML ») pour la modifier : l'Éditeur la relit et retrouve tous ses blocs.
- Remplir les réglages de la page (voir la partie suivante).
- Ajouter les blocs, dans l'ordre souhaité. Un panneau « Sommaire des blocs » liste les blocs de la page en cours : un clic sur une ligne y conduit directement.
- Voir le résultat : « Voir l'aperçu » dans l'Éditeur, ou « Voir en grandeur nature », qui ouvre la page dans un vrai nouvel onglet, telle qu'un visiteur la verra, et se rafraîchit d'un clic sans multiplier les onglets.
- Télécharger la page : le fichier HTML est prêt à être déposé sur l'hébergement ; une ligne récapitulative est copiée automatiquement, à coller dans le Journal de Dépôt.
Gérer le Menu, les Rubriques et Sous-Rubriques
C'est le plan d'architecte du site, enregistré dans un seul fichier : plan-du-site.json.
- Le menu du haut : ses entrées, leur ordre, leurs liens.
- Les rubriques et sous-rubriques : créées, renommées, déplacées ou supprimées sans toucher une ligne de code ; chacune a son dossier, ses sections et ses pages, avec un badge « En ligne » ou « En préparation », modifiable directement dans la liste, et deux flèches pour changer l'ordre des pages dans leur section (v4.02).
- L'identité du site : nom, devise, nom pour le copyright, adresse du site sur Internet, et l'image d'aperçu utilisée lors des partages (v4.00).
- Le bandeau de chaque rubrique : une photo ou une vidéo en fond, choisie rubrique par rubrique ; les sous-rubriques reprennent celui de leur rubrique.
- Des points de vigilance : l'Éditeur signale par exemple une rubrique qui n'apparaît dans aucune entrée du menu.
- La génération des fichiers : le sommaire (index.html) de chaque rubrique, le Plan du Site à jour, et depuis la v3.16 le sitemap.xml et le robots.txt.
Les réglages de chaque page
| Réglage | Rôle | Détail |
|---|---|---|
| Titre de la page | Le grand titre affiché en haut de la page et dans l'onglet du navigateur | Obligatoire |
| Sous-titre | Une ligne d'accroche sous le titre | Facultatif ; reste vide à la relecture si la page n'en a pas (v3.12) |
| Description pour les moteurs de recherche | Le petit texte que Google affiche sous le titre de la page dans ses résultats | Facultatif, nouveau en v3.16 ; un compteur indique le nombre de caractères, l'idéal étant entre 120 et 160 |
| Rubrique et Sous-rubrique | Le fil d'Ariane affiché en haut de page (Accueil › Rubrique › Sous-rubrique) | Remplis automatiquement depuis la Rubrique de navigation, modifiables |
| Rubrique de navigation | Le rattachement de la page au Plan du Site | La liste des sous-rubriques se remplit selon ce choix : plus de faute de frappe possible |
| Emplacement | Le dossier où la page sera rangée sur l'hébergement | Suggéré automatiquement ; il règle tous les liens de la page (menu, images, feuilles de style) |
| Présentation à Google et aux réseaux sociaux | L'adresse officielle de la page, son aperçu de partage et son fil d'Ariane pour Google | Automatique depuis la v4.00 : calculés à partir de l'adresse du site, de l'emplacement et du nom du fichier |
| Protéger cette page par un mot de passe | Rend toute la page illisible sans le mot de passe | Vrai chiffrement du contenu au téléchargement ; mot de passe de 12 caractères minimum (minuscules, majuscules, chiffres, caractères spéciaux), enregistré nulle part : à noter précieusement |
La mise en forme du texte
Tous les blocs qui reçoivent du texte (Paragraphe, Citation, Actualité, Onglets, blocs à colonnes, etc.) comprennent la même mise en forme, écrite directement au clavier, sans menu ni bouton. Les signes utilisés disparaissent sur la page publiée.
| Pour obtenir | Ce que l'on écrit | Remarque |
|---|---|---|
| Du gras | Deux astérisques avant et après le mot | Le plus utilisé |
| De l'italique | Un astérisque avant et après le mot | Sur ce site, toute expression en italique se place entre parenthèses |
| Du souligné | Deux tirets bas avant et après le mot | — |
| Du rouge | Deux tildes (~) avant et après le mot | Pour une mise en garde ou une correction |
| Un lien | Deux crochets ouvrants, le mot, une flèche (=>), l'adresse, deux crochets fermants | Un bouton « Insérer un lien » l'écrit à votre place ; une adresse commençant par / désigne une page du site |
| Un lien en forme de bouton | Le même lien, et la case « Afficher les liens sous forme de bouton » | v3.11 ; une seconde case centre le ou les boutons |
| Un intertitre | Deux, trois ou quatre dièses (#) en début de ligne | Les intertitres de niveau 2 et 3 alimentent le sommaire de la page |
| Une liste à puces | Un tiret en début de ligne | Variantes : une flèche (>) ou un plus (+) donnent des puces en flèche ou en coche |
| Une liste numérotée | Un chiffre suivi d'un point, ou d'une parenthèse, en début de ligne | — |
| Un nouveau paragraphe | Un simple retour à la ligne | — |
| Un filet de séparation dans le texte | Une ligne contenant seulement trois tirets (---) | v3.6 ; le filet reste à l'intérieur de la carte |
Famille 1 — Texte et encadrés
| Bloc | Champs | Fonctionnement détaillé | Options univ. |
|---|---|---|---|
| Paragraphe (« paragraphe ») | Texte (avec bouton Insérer un lien) ; case Centrer les titres ; case Apparition animée ; Couleur de fond ; Couleur du texte | Le bloc le plus utilisé de l'outil. Passe par la fonction « paragraphes() », qui interprète l'intégralité de la syntaxe : gras, italique, souligné, rouge, liens, sous-titres internes de niveaux 2 à 4, listes à puces, en flèche, en coche ou numérotées (détail dans la partie « La mise en forme du texte » ci-dessus). Un retour à la ligne simple démarre un nouveau « <p> ». Plusieurs Paragraphes consécutifs partagent la même carte : seule la couleur du premier du groupe s'applique à l'ensemble. Depuis la v3.6, une ligne contenant seulement trois tirets (---) trace un séparateur fin à l'intérieur du texte, sans casser la carte. Depuis la v3.11, une case « Afficher les liens sous forme de bouton » (avec une case « Centrer ce ou ces boutons ») transforme chaque lien du texte en bouton. Depuis la v3.13, sur téléphone, le texte n'est plus justifié, pour éviter les grands blancs entre les mots. | Oui |
| Sous-titre (« soustitre2 ») | Texte (« <h2> ») ; case Centrer ; case Apparition animée | Ferme systématiquement la carte en cours avant de s'afficher — jamais inclus dans un encadré, toujours en pleine largeur. Alimente automatiquement la table des matières « Sur cette page » (balayage de tous les « <h2> »/« <h3> » de la page). Accepte la mise en forme en ligne mais pas les listes ni des sous-titres imbriqués. | Non (exclu) |
| Citation (« citation ») | Texte ; case Centrer les titres ; case Apparition animée ; Couleur de fond ; Couleur du texte | S'affiche dans un encadré « <blockquote class="citation-reflexion"> », en italique par défaut. Accepte la même richesse de mise en forme que le Paragraphe, gras compris. Accepte aussi le séparateur de texte (---) et l'option « Liens sous forme de bouton » (v3.11). | Oui |
| Actualité datée (« actualite ») | Date (texte libre, ex. « 02/01/2026 ») ; Texte ; case Centrer les titres ; case Apparition animée ; Couleur de fond ; Couleur du texte | Associe une date affichée en évidence à un texte de brève. Pensé pour un usage répété sur une même page, chaque actualité dans sa propre carte si séparée par un bloc structurant, ou regroupées sinon. Date pré-remplie à « 02/01/2026 » par défaut, à modifier systématiquement. Option « Liens sous forme de bouton » disponible depuis la v3.11. | Oui |
| Liste de slogans (« slogans ») | Texte (un slogan par ligne) ; case Apparition animée ; Couleur de fond ; Couleur du texte | Chaque ligne devient un slogan distinct, présenté automatiquement en grille à deux colonnes (mise en page CSS, aucun réglage manuel). Pas de case Centrer — la grille rend cette option sans objet. | Oui |
| Grille de réflexions (« reflexions ») | Texte (groupes séparés par une ligne vide ; 1re ligne du groupe = titre) ; case Apparition animée | Chaque réflexion est un groupe de lignes séparé du suivant par une ligne strictement vide. Dans chaque groupe, deux instructions facultatives en texte : « couleur: #A8E6CF » et « couleur-texte: #123456 » — un réglage par réflexion, contrairement aux autres blocs. Aucun champ de couleur globale au niveau du bloc. Option « Liens sous forme de bouton » disponible depuis la v3.11. | Oui |
| Onglets (« onglets ») | Texte (groupes séparés par une ligne vide ; 1re ligne = titre de l'onglet) | Même syntaxe de groupes que Grille de réflexions, avec les mêmes instructions « couleur: »/« couleur-texte: » disponibles par onglet. Le texte de chaque onglet accepte toute la mise en forme habituelle. Un seul onglet affiché à la fois ; bascule au clic sur les titres, en rangée au-dessus du contenu. Option « Liens sous forme de bouton » disponible depuis la v3.11. | Oui |
| Texte qui défile (« texte-defilant ») | Message à faire défiler (une seule ligne) ; Couleur de fond ; Couleur du texte | Affiche une unique ligne de texte défilant en boucle continue de droite à gauche. Accepte gras/italique/souligné/rouge, mais pas les liens ni sous-titres (contrainte d'une ligne unique). Pensé pour une information ponctuelle et courte. | Oui |
| Sommaire Sticky (« sommaire-sticky ») | Couleur de fond du sommaire ; Couleur du texte du sommaire — aucun autre champ | Entièrement automatique dans son contenu : se construit à partir des « ## »/« ### » de la page, rien à saisir. Barre latérale fixe (position sticky), visible pendant toute la lecture, devient un bouton « ☰ Sommaire » sur téléphone. Un seul exemplaire suffit par page, quel que soit son emplacement dans la liste. | Oui |
Famille 2 — Mise en page
| Bloc | Champs | Fonctionnement détaillé | Options univ. |
|---|---|---|---|
| 2 colonnes : texte / photo, et photo / texte (« col-texte-photo », « col-photo-texte ») | Texte ; case Centrer les titres ; Nom du fichier photo ; Légende ; Sous-dossier ; case Apparition animée ; Couleur de fond ; Couleur du texte | Texte et photo côte à côte dans la même carte : le texte à gauche et la photo à droite, ou l'inverse selon le bloc choisi. Le texte accepte toute la mise en forme du Paragraphe. Sur téléphone, les deux colonnes se placent l'une sous l'autre. Option « Liens sous forme de bouton » disponible depuis la v3.11. | Oui |
| 2 colonnes : texte fluide (« texte-2col ») | Texte ; case Centrer les titres ; Couleur de fond ; Couleur du texte | Un seul champ de texte, réparti automatiquement entre deux colonnes par la mise en page CSS (« column-count »), à la manière d'un journal imprimé — aucun découpage manuel possible. Option « Liens sous forme de bouton » disponible depuis la v3.11. Sur téléphone, le texte repasse sur une seule colonne et n'est plus justifié (v3.13). | Oui |
| 2 colonnes : texte / vidéo, et vidéo / texte (« col-texte-video », « col-video-texte ») | Texte ; case Centrer les titres ; Lien de la vidéo ; Titre de la vidéo ; Couleur de fond ; Couleur du texte | Texte et vidéo (YouTube ou fichier .mp4) côte à côte : le texte à gauche et la vidéo à droite, ou l'inverse. La vidéo passe par le même lecteur que le bloc Vidéo. Sur téléphone, les deux colonnes se placent l'une sous l'autre. Option « Liens sous forme de bouton » disponible depuis la v3.11. | Oui |
| 2 colonnes : photo / vidéo, et vidéo / photo (« col-photo-video », « col-video-photo ») | Nom du fichier photo ; Légende ; Sous-dossier de la photo ; Lien de la vidéo ; Titre de la vidéo ; Couleur de fond ; Couleur du texte | Une photo et une vidéo côte à côte, sans texte, pour mettre en regard une image fixe et une image animée. Même lecteur vidéo que le bloc Vidéo. Sur téléphone, les deux éléments se placent l'un sous l'autre. | Oui |
| 1/3 Image / 2/3 Texte, et l'inverse (« col-image-tiers-texte », « col-texte-tiers-image ») | Texte (convention « ## Titre » pour le grand titre) ; case Centrer ; Nom du fichier photo ; Légende ; Sous-dossier ; Texte du bouton ; Adresse du bouton ; case Apparition animée ; Couleur de fond de la carte ; Couleur du texte | Conçu pour une mise en avant type « fiche » ou « offre » : image sur un tiers, titre + texte + bouton facultatif sur les deux tiers restants. Le bouton ne s'affiche que si son champ Texte est renseigné ; son adresse peut être une URL complète ou une ancre « #xxx ». Option « Liens sous forme de bouton » disponible depuis la v3.11. | Oui |
| 1/3 Code (iFrame) / 2/3 Texte, et l'inverse (« col-code-tiers-texte », « col-texte-tiers-code ») | Texte (convention « ## Titre ») ; case Centrer ; Code à coller (police à chasse fixe) ; Hauteur du cadre en pixels (défaut 400) ; case Apparition animée ; Couleur de fond ; Couleur du texte | Variante du bloc précédent où l'image est remplacée par un cadre de code brut (typiquement une animation Lottiefile). Avertissement explicite : ne coller que du code d'un site de confiance. La hauteur du cadre est le seul réglage manuel de mise en page. Option « Liens sous forme de bouton » disponible depuis la v3.11. | Oui |
| Photo + Programme (« col-photo-programme ») | Nom du fichier photo ; Légende ; Sous-dossier ; Titre du petit encart ; Texte du petit encart ; Texte principal (zone large, à droite) ; case Apparition animée ; Couleur des bandeaux de titre ; Couleur de fond de la carte ; Couleur du texte | Le bloc le plus riche de la famille : photo + petit encart libre sur un tiers à gauche, grand texte structuré sur deux tiers à droite. Les « ## »/« ### » du texte principal se transforment en bandeaux de couleur (réglable), plutôt qu'en simples titres — une mise en forme propre à ce bloc. Option « Liens sous forme de bouton » disponible depuis la v3.11. | Oui |
| Section épinglée (« section-epinglee ») | Nom du fichier image ; Sous-dossier ; Légendes qui s'enchaînent (une par ligne, 2 à 4 conseillées) ; Durée du défilement (Courte/Moyenne/Longue) ; Couleur des légendes | Effet « scrollytelling » : l'image reste fixe (position sticky, hauteur 100vh) pendant que chaque légende apparaît puis disparaît en fondu, au rythme du défilement. Depuis le 29 août, l'image est enveloppée dans une vraie « <figure class="bloc-photo"> », cliquable pour s'agrandir. | Oui |
| Espaceur Horizontal (« espaceur ») | Hauteur de l'espace (Petit/Moyen/Grand) | Un simple espace vide entre deux blocs, sans contenu ni bordure. Ferme systématiquement la carte en cours. | Oui |
| Séparateur décoratif (« separateur ») | Style (Vague/Crête de montagne/Filet simple/Filet épais) ; Espace au-dessus et en-dessous (Petit/Moyen/Grand) | Ferme la carte en cours puis affiche une frise graphique en pleine largeur (SVG pour Vague/Montagne, bordure simple pour les Filets). Le même espace s'applique symétriquement au-dessus et en-dessous. | Non (exclu) |
| Groupe de boutons ronds (« boutonsronds ») | Texte (un bouton par ligne, « Libellé / lien ») ; Libellé du bouton actif | Chaque ligne produit un bouton en forme de pilule ; le lien peut être une adresse complète ou une ancre « #xxx ». Le libellé actif doit correspondre exactement à l'un des libellés saisis — une faute de frappe empêche silencieusement la mise en avant, sans message d'erreur. | Oui |
| Tableau (« tableau ») | Nombre de colonnes (1 à 12) ; case Première ligne = en-tête ; grille de saisie dédiée | Le nombre de colonnes redessine immédiatement la grille de saisie. Produit un vrai « <table> » HTML, avec ou sans « <thead> » selon la case cochée. Depuis la v3.14, sur téléphone, un tableau trop large défile dans son propre cadre, au lieu de faire déborder toute la page sur le côté. | Oui |
| Plan du site (« plan-site ») | Aucun | Entièrement automatique : reconstruit, au téléchargement, l'arborescence complète du site à partir du Plan du Site chargé en mémoire. Aucune vérification de fraîcheur : à l'utilisateur de s'assurer que ce Plan est à jour. Avec la v3.16, le même Plan du Site sert aussi à fabriquer le fichier sitemap.xml destiné aux moteurs de recherche (voir plus bas). | Oui |
| Page d'Information (« page-information ») | Aucun | Automatique comme ci-dessus, mais filtré : ne liste que les pages au badge « En ligne » (les « À venir » sont exclues de cette liste, sans être retirées du vrai Plan du Site). | Oui |
| Date de mise à jour du site, et de la page (« date-site », « date-page ») | Aucun | Deux blocs jumeaux, entièrement automatiques : affichent « Site/Page mis à jour le [date] », toujours celle du jour de génération — jamais figée. Régénérer la page, même sans autre changement, pour rafraîchir la date affichée. | Oui |
Famille 3 — Médias
| Bloc | Champs | Fonctionnement détaillé | Options univ. |
|---|---|---|---|
| Photo (« photo ») | Nom du fichier image (champ strict — un avertissement rappelle de n'écrire que le nom du fichier) ; Légende ; Sous-dossier ; case Apparition animée | Produit une vraie « <figure class="bloc-photo"> », cliquable pour s'agrandir via le mécanisme général « mvInitLightbox() » (sélecteur « .galerie figure, .mosaique-photo, figure.bloc-photo »). Ferme systématiquement la carte en cours. | Oui |
| Galerie de photos (« galerie ») | Texte (une photo par ligne, « nom-fichier.jpg / légende ») ; Sous-dossier pour toute la galerie | Chaque ligne produit une « <figure> » au sein d'un conteneur « .galerie » — même agrandissement au clic que le bloc Photo, via le sélecteur partagé. Le sous-dossier s'applique à l'ensemble des photos de la liste, sans possibilité de sous-dossier différent par photo. | Oui |
| Diaporama (« diaporama ») | Titre ; Texte (diapositives, format simple ou enrichi) ; Sous-dossier ; Présentation (Automatique/Non automatique) ; Transition (Fondu/Glissement/Aucune) ; Musique de fond (un morceau par ligne) ; Sous-dossier pour la musique | Le bloc le plus complexe de l'outil. Deux syntaxes : forme simple « nom-fichier.jpg / légende » sur une ligne, ou forme enrichie sur plusieurs lignes étiquetées (« photo: », « vidéo: », « audio: », « légende: », « titre: », « texte: », « encadre: », « duree: »), séparées par une ligne « --- ». Une diapositive peut n'avoir aucun média. Présentation automatique : 4 secondes par défaut, « duree: » personnalisée en secondes (convertie en « data-duree » en ms). Pause au survol de la souris. Musique : s'enchaîne piste par piste puis boucle depuis le début ; démarre automatiquement coupée (contrainte navigateur), icône 🔇/🔊 discrète pour l'activer. Correctif du 29 août : le compteur de diapositives (« 1/10 » puis « 2/3 ») était erroné lorsque plusieurs diaporamas coexistaient sur une page — total désormais mémorisé par identifiant plutôt que dans une variable partagée. | Oui |
| Vidéo (« video ») | Lien de la vidéo (YouTube ou .mp4) ; Titre | Passe par « iframeVideo() » (accepte YouTube complet, code à 11 caractères, ou .mp4 direct). Dans l'aperçu de travail, une vidéo YouTube s'affiche en vignette cliquable plutôt qu'en lecteur intégré (restriction propre à YouTube, erreur 153) ; sur la page publiée, elle fonctionne normalement. | Oui |
| Vidéo double (« videodouble ») | Vidéo 1 — lien ; Vidéo 1 — titre ; Vidéo 2 — lien ; Vidéo 2 — titre | Deux vidéos indépendantes côte à côte (l'une sous l'autre sur téléphone), chacune passant séparément par « iframeVideo() ». | Oui |
| Mur de Vidéo (« mur-video ») | Texte (une vidéo par ligne, « lien / titre ») | Se range automatiquement en grille à deux colonnes, sans réglage de disposition manuel. Titre facultatif par vidéo. | Oui |
| Podcast (« podcast ») | Nom du fichier audio (.mp3) ; Titre ; case Centrer le titre ; Sous-dossier ; Couleur de fond du bloc ; Couleur du texte ; Couleur de fond du lecteur | Lecteur pour un seul fichier, trois zones de couleur indépendantes : fond du bloc, texte (titre et minuteur), fond du lecteur natif. Cette 3e couleur ne fonctionne que sur Chrome/Edge/Safari ; sur Firefox, le lecteur garde son apparence par défaut sans problème fonctionnel. | Oui |
| Jukebox (« jukebox ») | Texte (un morceau par ligne, « fichier.mp3 / titre » ou lien direct) ; Sous-dossier ; case Centrer les titres ; Couleur de fond ; Couleur du texte ; Couleur de fond des lecteurs | Plusieurs morceaux en grille à deux colonnes, chacun son propre lecteur natif. Mêmes trois zones de couleur que le Podcast, appliquées uniformément. Le sous-dossier n'a aucun effet sur les liens directs complets. | Oui |
| Jukebox YouTube (« jukebox-yt ») | Texte (fichier local, lien direct, ou lien YouTube mélangés) ; Sous-dossier ; case Centrer les titres ; Couleur de fond ; Couleur du texte ; Couleur de fond des lecteurs | Variante acceptant, ligne par ligne, indifféremment audio local, lien direct, ou vidéo YouTube (affichée en petite vidéo). La couleur de fond des lecteurs ne s'applique qu'aux lignes audio, sans effet sur les vidéos YouTube. | Oui |
| Document PDF (« pdf ») | Nom du fichier PDF ; Titre ; case Centrer le titre ; Sous-dossier | Le PDF se trouve dans « medias/pdf/ ». Consultable directement dans la page (visionneuse intégrée du navigateur), sans téléchargement obligatoire. | Oui |
| Mosaïque Photos & Texte (« mosaique ») | Texte (damier de cases séparées par « --- » — photo : « photo: »+« légende: » ; encadré : « titre: », « texte: », « couleur: », « texte-clair: oui ») ; Sous-dossier pour les photos | Chaque case est une photo (cliquable, via « .mosaique-photo ») ou un encadré de texte coloré. Si « couleur: » vide, une teinte est choisie automatiquement dans une palette de 6 couleurs, tour à tour. « texte-clair: oui » force un texte clair sur fond sombre. | Oui |
Famille 4 — Bloc avancé
| Bloc | Champs | Fonctionnement détaillé | Options univ. |
|---|---|---|---|
| Code HTML (« code ») | Titre ; case Centrer le titre ; Code à coller (police à chasse fixe) ; Hauteur du cadre en pixels | Intègre tel quel un code fourni par un site de confiance (Google, Canva, YouTube...), via son bouton Intégrer/Partager. Avertissement : jamais de mot de passe, jamais de modification du code fourni. Aucun filtrage appliqué par l'outil — seul bloc de tout l'Éditeur à fonctionner ainsi, tous les autres construisant leur HTML depuis des champs structurés. | Oui |
Famille 5 — Accès protégé
| Bloc | Champs | Fonctionnement détaillé | Options univ. |
|---|---|---|---|
| Lien protégé par code (« acces-code ») | Libellé du bouton ; Couleur du bouton ; Type de contenu (Téléchargement/Audio/Vidéo) ; puis selon le type : dossier + nom de fichier, ou lien direct + titre ; Code à 6 chiffres ; bouton Verrouiller | Ne révèle son contenu qu'après saisie du bon code — vrai chiffrement AES-GCM, clé dérivée par PBKDF2 (310 000 itérations), pas une simple vérification de façade. Une fois verrouillé, le lien d'origine ne peut plus jamais être redonné en clair par l'outil — le code doit être noté à part. Pour une vidéo protégée : même règle d'aperçu qu'ailleurs (vignette cliquable dans l'aperçu de travail, détection par « window.opener »/« window.parent » pointant vers l'Éditeur ; lecteur intégré fonctionnel sur la page réellement publiée). | Oui |
En plus de ce bloc, une page entière peut être protégée par un mot de passe depuis ses réglages : tout son contenu est alors chiffré au téléchargement, et reste illisible sans le mot de passe, même dans le code source.
Famille 6 — Interaction
| Bloc | Champs | Fonctionnement détaillé | Options univ. |
|---|---|---|---|
| Formulaire (« formulaire ») | Titre ; Texte d'introduction ; case Demander l'e-mail (facultatif pour le visiteur) ; Texte du bouton d'envoi ; Message de confirmation | Vrai formulaire de contact : messages reçus directement par e-mail via un petit script à déposer une fois sur l'hébergement, sans jamais passer par un service extérieur. Double protection anti-robot discrète intégrée, non réglable depuis ce formulaire. | Oui |
| Recherche sur le site (« recherche ») | Titre ; Texte indicatif du champ ; Nombre de résultats maximum | Recherche réelle dans le texte des pages, entièrement dans le navigateur du visiteur, sans serveur. Suppose l'existence d'un fichier « index-recherche.json » à la racine, préparé avec l'outil compagnon Indexer le site. | Oui |
| Lien commenté (« lien-commente ») | Couleur de fond des boutons ; Couleur du texte des boutons ; grille de liens (intitulé + adresse, sur 2 colonnes) | Grille de boutons vers des sites externes, chacun avec son intitulé et son adresse propres, sur deux colonnes. Une couleur qui accroche est déjà appliquée par défaut. | Oui |
| Listing YouTube / Facebook / Sites Web (« videotheque ») | Vos entrées (deux lignes par entrée : le titre, puis le lien juste en dessous) ; champ « Rechercher par catégorie » et bouton « Rechercher (nouvel onglet) » ; case Liens sous forme de bouton ; case Centrer les boutons | Conçu pour de longues listes de liens commentés : vidéos YouTube, pages Facebook, sites Internet. Dès que l'on quitte le champ de saisie, la liste est triée par ordre alphabétique et les doublons sont signalés. Un code placé en tête de titre (par exemple AA, AB) sert de catégorie : la recherche ouvre, dans un nouvel onglet, la liste des entrées de cette catégorie, avec un bouton pour l'exporter en PDF. Avec l'option bouton, chaque lien devient un bouton (par exemple « Regarder la vidéo »). Nouveau nom et nouvelles fonctions en v3.5 ; option bouton en v3.11. Il sert notamment à la page « Listing YouTube » du site, qui compte 859 vidéos. | Oui |
Ce que produit l'Éditeur
Chaque page téléchargée est un fichier HTML complet et autonome. Elle contient, en plus de son contenu :
- Le menu du haut et le fil d'Ariane, rappelés sur chaque page. Un petit programme relit le Plan du Site à l'ouverture de la page : le menu est ainsi toujours à jour, même sur une page ancienne.
- Le bandeau de la rubrique (photo ou vidéo), relu de la même façon dans le Plan du Site.
- Le sommaire « Sur cette page », construit automatiquement à partir des intertitres, sous forme de boutons.
- L'agrandissement des photos au clic, pour les blocs Photo, Galerie et Mosaïque.
- La description pour les moteurs de recherche (v3.16), si elle a été remplie.
- L'adresse officielle, l'aperçu de partage et le fil d'Ariane pour Google (v4.00) : Google sait quelle est la bonne adresse de la page, et un partage sur Facebook, WhatsApp ou par courriel affiche un aperçu avec le titre, le résumé et une image.
- Des polices de caractères hébergées sur le site (dossier polices/, v3.16) : la page n'appelle plus aucun service extérieur pour s'afficher.
- Une lecture adaptée au téléphone (v3.13 et v3.14) : colonnes empilées, texte aligné à gauche, tableaux qui défilent dans leur cadre.
Depuis l'onglet « Gérer le Menu », l'Éditeur produit aussi, depuis la v3.16 :
- sitemap.xml : la liste des pages publiques du site, que Google lit pour les trouver toutes. Les pages « En préparation » et l'Intranet en sont exclus. Depuis la v4.00, la date de mise à jour de chaque page y est notée.
- robots.txt : il indique aux moteurs de recherche où se trouve le sitemap.xml, et leur demande de ne pas parcourir l'Intranet.
Fiabilité : la relecture fidèle
Une page fabriquée par l'Éditeur peut toujours y être rechargée pour être modifiée : l'Éditeur relit le fichier et retrouve chacun de ses blocs. À chaque nouvelle version, ce cycle est vérifié sur l'ensemble des types de blocs : une page générée, relue, puis régénérée doit être identique à l'originale.
Le 30 septembre 2026, ce contrôle a été appliqué aux 223 pages du dossier « Trente Glorieuses et Années 70-80 » : l'Éditeur les a toutes reproduites à l'identique avant leur mise à jour. Seule exception connue, et voulue : les options « Sous-titre intégré » et « Séparateur intégré » reviennent sous la forme de trois blocs séparés (voir l'introduction).
Résumé chiffré
| Repère | Valeur |
|---|---|
| Nombre total de types de blocs | 47 (44 dans la fiche v3.1) |
| Nombre de familles | 6 |
| Blocs disposant des 2 options universelles | 45 |
| Blocs exclus des options universelles | 2 (Sous-titre, Séparateur décoratif) |
| Blocs proposant la case Apparition animée | 14 (en comptant séparément les blocs jumeaux) |
| Blocs proposant l'option « Liens sous forme de bouton » | 16 (en comptant séparément les blocs jumeaux) |
| Blocs entièrement automatiques (aucun champ de contenu) | 4 (Plan du site, Page d'Information, Date du site, Date de la page) |
| Blocs reposant sur un vrai chiffrement | 1 (Lien protégé par code) — et la protection de page entière, hors liste des blocs |
| Couleurs de l'Éditeur | 3 (Bordeaux, Bleu, Vert) |
| Fichiers produits en plus des pages | 3 (plan-du-site.json, sitemap.xml, robots.txt) |
| Version décrite | 4.02 (4 octobre 2026) |