Mise à jour du générateur de Lorem Ipsum : HTML, listes et débuts personnalisables
Besoin de quelques paragraphes pour une maquette ou d’une liste numérotée pour vérifier votre CSS ? Notre générateur gratuit de Lorem Ipsum amélioré produit désormais du balisage HTML en plus du texte brut, avec des listes à puces et numérotées. Vous pouvez aussi choisir si le texte commence par la formule familière “Lorem ipsum dolor sit amet”.
Le résultat se met à jour lorsque vous modifiez les réglages : moins de temps à préparer du contenu de remplissage, davantage pour travailler sur la mise en page.
Copiez le texte de remplissage en texte brut ou en HTML
Le texte brut reste le choix par défaut, prêt à coller dans une application de conception, un document ou un éditeur visuel. Lorsque vous avez besoin de contenu pour une page web, ouvrez Options et choisissez Balisage HTML dans Format de sortie.
Le générateur ajoute les éléments autour de votre texte :
| Contenu généré | Sortie HTML | Utile pour |
|---|---|---|
| Paragraphes | Un élément <p> distinct par paragraphe | Mises en page d’articles et colonnes de texte |
| Phrases | Vos phrases réunies dans un seul élément <p> | Courtes descriptions et contenu de cartes |
| Mots | Le nombre de mots choisi dans un seul élément <p> | Comparer des blocs de différentes longueurs |
| Éléments de liste | Une liste à puces <ul> ou numérotée <ol>, avec un <li> par élément | Espacement des puces, numérotation et retours à la ligne dans les éléments |
Le champ de sortie affiche le code source HTML, prêt à copier. Collez-le dans la vue HTML ou source de votre éditeur, ou dans un bloc HTML qui accepte le balisage. Il fournit la structure du contenu ; le CSS de votre page en contrôle l’apparence.
Générez des listes HTML à puces et numérotées
Une liste peut révéler des problèmes de mise en page qu’un paragraphe ne montre pas : des puces trop serrées, un retrait maladroit ou des numéros trop proches du texte. Sélectionnez Éléments de liste, puis Balisage HTML dans Options pour afficher Style de liste.
Choisissez À puces pour une liste non ordonnée. La sortie suit cette structure, avec un nouveau texte à chaque fois :
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipiscing elit.</li>
<li>Integer vitae neque nunc semper tellus porta lectus.</li>
</ul>
Choisissez Numérotée pour essayer une présentation ordonnée, comme une suite d’étapes :
<ol>
<li>Lorem ipsum dolor sit amet consectetur adipiscing elit.</li>
<li>Integer vitae neque nunc semper tellus porta lectus.</li>
</ol>
Utilisez quelques éléments pour contrôler les espacements, puis essayez une liste plus longue et réduisez la fenêtre pour observer les retours à la ligne. En texte brut, chaque élément commence par un trait d’union ; le choix entre liste à puces et numérotée est disponible pour la sortie HTML.
Commencez par Lorem Ipsum ou choisissez un début aléatoire
La case Commencer par “Lorem ipsum dolor sit amet” est cochée par défaut. Gardez-la cochée pour obtenir un début de texte de remplissage reconnaissable. Décochez-la pour un début aléatoire : c’est utile lorsque vous remplissez plusieurs cartes ou sections sans vouloir commencer chaque bloc par les mêmes mots.
Ce réglage s’applique au début du résultat généré, et non à chaque paragraphe ou élément de liste. En mode Mots, demander moins de cinq mots raccourcit le début pour respecter le nombre choisi.
Essayez le générateur amélioré en quatre étapes
- Ouvrez le générateur de Lorem Ipsum. Il démarre avec trois paragraphes en texte brut.
- Choisissez Paragraphes, Phrases, Mots ou Éléments de liste.
- Ouvrez Options pour régler le nombre d’éléments, le format de sortie, la phrase de début et le style de liste HTML lorsqu’il est disponible. Chaque modification valide génère automatiquement un nouveau résultat.
- Sélectionnez Copier le résultat et collez-le dans votre projet. Utilisez Régénérer le texte, le bouton avec une flèche circulaire à côté de Copier, pour un autre exemple avec les mêmes réglages.
Vous pouvez générer jusqu’à 100 paragraphes, phrases ou éléments de liste, ou jusqu’à 10 000 mots. La génération s’effectue dans votre navigateur et reste gratuite, sans compte.
D’autres outils et guides récents pour votre prochaine page
Si vous voulez afficher un exemple HTML sous forme de texte visible dans une page, notre encodeur et décodeur HTML peut échapper les balises. Conservez le balisage du générateur sans échappement lorsque vous voulez que le navigateur affiche les paragraphes et les listes eux-mêmes.
Vous travaillez aussi avec des icônes provenant d’une planche de sprites ? Le créateur de sprites CSS aide à sélectionner les zones de l’image et à copier leurs positions d’arrière-plan CSS.
Pour la suite du développement, notre récent guide des commandes cURL présente des exemples de requêtes pratiques, avec un créateur de commandes cURL pour préparer les vôtres. Notre guide pour examiner les requêtes réseau d’un site montre aussi comment observer l’activité du navigateur, notamment lors de l’utilisation d’un outil en ligne.
Prêt à remplir votre prochaine maquette ? Générez du Lorem Ipsum en texte ou en HTML, essayez-le à différentes largeurs d’écran et remplacez le contenu de remplissage par de vrais textes avant la publication.