Test d’importation dans l’Atelier de maranda.dev

Ce document sert de jeu d’essai modifiable pour observer la conversion du DOCX en article. Chaque composant porte un repère et utilise une structure Word identifiable. Les correspondances proposées sont des attentes de test, sans présumer du comportement actuel de l’Atelier.

Version 1 • 3 novembre 2026 • Contenu de démonstration

Titres natifs et texte courant

T01 à T06 • Styles Word Heading 1 à Heading 6

Exemple de titre de niveau 2

Exemple de titre de niveau 3

Exemple de titre de niveau 4

Exemple de titre de niveau 5

Exemple de titre de niveau 6

P01 — Un paragraphe courant doit rester distinct du suivant. Il contient des accents français, une apostrophe typographique et des caractères utiles : é è ê à ç œ Æ, « guillemets », & < >.

P02 — Deuxième paragraphe. Le texte doit conserver son ordre, ses espaces et sa ponctuation après l’importation.

I01 — Dans une même phrase : gras ; italique ; barré ; souligné ; gras et italique ; code inline article.slug.

À contrôler : hiérarchie réelle des titres, paragraphes distincts et maintien des marques inline. Le titre du document emploie Title, distinct de Heading 1.

Citations et listes

Q01 • Citation simple

Une citation doit conserver son statut de citation et son retrait, même si son apparence est adaptée au thème de publication.

Q02 • Citation composée de deux paragraphes consécutifs

Premier paragraphe de la même citation. Il établit une idée complète et commence un seul bloc de citation.

Deuxième paragraphe de cette citation. Il doit rester dans le même bloc tout en conservant la séparation des paragraphes.

Retour au texte courant : cette phrase ne fait plus partie de la citation.

Listes à trois niveaux

• Premier élément

  • Sous élément A

    • Détail du sous élément A

  • Sous élément B

• Deuxième élément

1. Préparer le contenu

   1. Vérifier les styles

      1. Contrôler les images

2. Importer le document

3. Comparer le résultat

Checklist

☐ Élément à faire

☑ Élément terminé

☐ Élément contenant une précision sur une deuxième ligne
Cette ligne appartient au même paragraphe.

C01 — Les cases sont des caractères Unicode avec un style dédié, et non des contrôles interactifs Word. Tester leur conversion en tâches et, à défaut, la conservation de leur état visible.

Blocs de code JavaScript

K01 — Le bloc suivant contient du vrai texte modifiable. Chaque ligne est un paragraphe du style Atelier Code JavaScript, avec police monospace et fond gris. Les espaces initiaux font partie du contenu.

// Exemple JavaScript — conserver les accents et les espaces
const articles = [
  { titre: "Été à Montréal", publie: true },
  { titre: "Brouillon", publie: false }
];

function creerSommaire(elements) {
  return elements
    .filter(({ publie }) => publie)
    .map((article, index) => {
      const titre = article.titre.trim();
      return `${index + 1}. ${titre}`;
    })
    .join("\n");
}

if (articles.length > 0 && articles.length < 10) {
  console.log(creerSommaire(articles));
} else {
  console.log("Aucun résultat <article> & fin.");
}

Attendu : un seul bloc de code, langage JavaScript si le style est reconnu, retours à la ligne et ligne vide conservés, indentation de 2 à 6 espaces, aucune interprétation HTML des caractères < > &.

Variante en un seul paragraphe

K02 — Même intention, autre représentation Word : retours manuels et tabulation réelle.

function saluer(nom) {
	return `Bonjour ${nom}`;
}

console.log(saluer("Maranda"));

À comparer : la détection du bloc K01 multi paragraphes et du bloc K02 en un paragraphe. Le fond et la police ne définissent pas à eux seuls une sémantique de code standard DOCX.

Liens et images avec légendes

L01 — Lien externe : Ouvrir maranda.dev

L02 — Adresse visible : https://example.com/article?lang=fr&mode=test#section

L03 — Lien interne : Aller au contrôle des correspondances

L04 — Texte qui ressemble à un lien sans relation hypertexte : https://example.org/texte-brut

Figure 1 — Image panoramique intégrée au DOCX. Crédit : illustration de démonstration.

Figure 2 — Image carrée avec légende distincte et texte alternatif.

IM01 et IM02 — Vérifier l’extraction des médias, les proportions, la proximité et l’association des légendes, ainsi que le texte alternatif. Les deux images sont intégrées, sans téléchargement externe.

Tableaux simples et complexes

TB01 — Tableau simple avec une ligne d’en tête répétable et trois colonnes.

TB02 — Tableau complexe avec fusion horizontale et verticale, liste et paragraphe multiple dans une cellule.

TB03 — Tableau sans en tête déclarée. Les valeurs de la première ligne restent des données.

À contrôler : structure th / td, fusion colspan et rowspan si disponible, ordre de lecture, cellules vides et paragraphes internes. Un aplatissement est une limite à consigner, sans supposer qu’un tableau visuellement fidèle conserve sa structure.

Séparateurs encadrés et notes

S01 — Le séparateur ci dessous est une bordure inférieure de paragraphe vide avec style dédié.

Ce paragraphe se trouve après le séparateur.

S02 — Variante textuelle à comparer :

E01 — INFORMATION
Ce bloc contient une information complémentaire. Son style dédié doit permettre une correspondance vers un composant éditorial.

E02 — AVERTISSEMENT
Cet exemple signale une condition à examiner avant la publication. Le libellé doit rester lisible même si le fond disparaît.

E03 — CONSEIL
Associer les composants à partir de leurs styles plutôt que de leur seule couleur.

Notes éditoriales et notes natives

N01 — Note éditoriale dans le corps du texte. Elle est destinée à un composant de note si une telle correspondance est configurée.

N02 — Cette phrase porte un appel de note de bas de page natif¹.

N03 — Référence textuelle de comparaison [1]. Ce repère est du texte ordinaire et ne possède aucun lien natif vers une note.

[1] Note textuelle de démonstration, située dans le corps de l’article.

À contrôler : différencier note native et note éditoriale, conserver le texte de la note de bas de page, gérer un appel de note si la sortie le permet et éviter sa perte silencieuse.

Cas limites de texte et de structure

X01 • Retours et espaces

Ligne A avec retour manuel
Ligne B du même paragraphe.

Ligne C dans un nouveau paragraphe.

Espaces : début [ deux espaces ] fin. Insécable : 10 km. Tabulation : gauche droite.

X02 • Marques combinées et ponctuation

Une marque gras italique souligné puis du texte normal. Exposant : x² ; indice : H₂O.

X03 • Texte littéral qui ressemble à du Markdown

## Ceci est un paragraphe Normal et non un titre Word

**Ces astérisques sont du texte littéral** ; `ces accents graves aussi`.

> Ce chevron ne crée pas une citation Word.

X04 • Lien et mise en forme dans un composant

Une citation contient un mot en gras et un lien externe.

X05 • Paragraphe long et retour automatique

Ce texte vérifie le retour automatique à la ligne dans une colonne de largeur normale. Ce texte vérifie le retour automatique à la ligne dans une colonne de largeur normale. Ce texte vérifie le retour automatique à la ligne dans une colonne de largeur normale. Ce texte vérifie le retour automatique à la ligne dans une colonne de largeur normale. Ce texte vérifie le retour automatique à la ligne dans une colonne de largeur normale.

Les sauts de page de ce document organisent le banc d’essai. À l’importation en article web, leur suppression peut être souhaitable. Distinguer cette normalisation d’une perte de paragraphe ou de composant.

Procédure de comparaison

1. Importer ce DOCX dans un article de test.
2. Comparer chaque repère au résultat dans l’éditeur.
3. Comparer également l’aperçu de publication.
4. Consigner la structure obtenue, la perte éventuelle et le traitement retenu.
5. Réexporter puis réimporter si un aller retour est proposé.

Contrôle des correspondances

Cibles proposées à vérifier dans l’Atelier. Aucune correspondance n’est présumée déjà implémentée. Pour chaque ligne, noter OK, partiel ou absent, puis une observation.

Limites et journal de test

Le DOCX décrit la structure Word. Un style personnalisé n’impose pas un composant web : sa reconnaissance exige une règle de conversion. La mise en page et la sémantique doivent être évaluées séparément.

Journal à remplir

Résultat global : ____________________ Date : ____________________
Version de l’Atelier : ________________ Navigateur : ________________

Banc d’essai Atelier •

1. Note native de démonstration. Ce texte doit être extrait avec son appel et rester modifiable dans Word.↩︎