Generador de Lorem Ipsum - Text de MarcadorRàpid per a Proves
Genera 1-10 paràgrafs de text lorem ipsum a l'instant. Tria format de text pla o HTML, copia amb un sol clic. Sense anuncis, sense registre. Perfecte per a desenvolupadors i dissenyadors.
Generador de Text Lorem Ipsum
Trieu entre 1 i 10 paràgrafs
Text Generat
Documentació
Per què necessites un generador de Lorem Ipsum ràpid
Alguna vegada t'has quedat esperant que es carregui un generador de lorem ipsum, o pitjor encara, obligat a registrar-te només per obtenir text de prova? Precisament per això vaig crear aquesta eina. Quan estàs immers en tasques de desenvolupament o disseny, necessites text de marcador de posició a l'instant, no després de navegar per anuncis i finestres emergents.
Aquest generador de lorem ipsum crea 1-10 paràgrafs de text de marcador de posició realista en qüestió de segons. Sense crides a API. Sense retards de càrrega. Simplement tria el nombre de paràgrafs, escull format de text pla o HTML, i copia amb un sol clic. Trobaràs que és especialment útil quan proves dissenys responsive que necessiten longituds de text variables, o quan prototipes interfícies abans que arribi el contingut real.
Què és el text Lorem Ipsum?
Lorem ipsum és un text llatí desordenat que ha estat l'opció preferida com a text de marcador des del 1500. Què el fa funcionar tan bé? Imita els patrons del llenguatge real: freqüència de lletres, longitud de paraules, estructura de frases, sense ser llegible. Això manté els interessats centrats en el disseny i la maquetació en lloc de criticar la teva elecció de "El ràpid guineu marró" o extractes aleatoris de la Viquipèdia.
El text s'origina de l'obra filosòfica de Ciceró "De finibus bonorum et malorum" (45 aC), tot i que ha estat prou desordenat perquè els erudits llatins tinguin dificultats per reconèixer-lo. El passatge estàndard comença amb "Lorem ipsum dolor sit amet, consectetur adipiscing elit", seguit de frases pseudo-llatines.
Aquí és el que he après després de anys de proves: el text real durant les maquetes convida a discussions de contingut quan necessites comentaris de disseny. Lorem ipsum manté tothom centrat en el que importa en aquella etapa: espaiament, tipografia i jerarquia visual.
Com Generar Text Lorem Ipsum
Tres passos, en cinc segons:
- Establir el nombre de paràgrafs (1-10 paràgrafs)
- Triar el format:
- Text Pla – Per a bases de dades, editors de text o àrees de contingut simple
- HTML – Preformat amb etiquetes
<p>per al desenvolupament web
- Fer clic a Copiar – El text va directament al portapapers
El text es genera instantàniament al navegador. Cap viatge al servidor significa que funciona sense connexió un cop carregat—útil quan estàs en un vol o tractant amb wifi inestable durant presentacions de clients.
Característiques Clau per a Desenvolupadors i Dissenyadors
Generació instantània al costat del client – Sense crides a l'API, sense indicadors de càrrega. El text es genera en mil·lisegons perquè tot s'executa al navegador. Ho he provat amb 10 paràgrafs alhora; fins i tot en portàtils antics, és instantani.
Dues opcions de format:
- Text Pla – Perfecte per provar camps de formulari, emplenar bases de dades o sol·licituds a Postman
- HTML – Automàticament embolicat en etiquetes
<p>per a prototipatge ràpid a React, Vue o HTML pla
Còpia al portapapers amb un sol clic – Utilitza la moderna API del Portapapers per copiar de manera fiable a través de navegadors. El botó confirma amb "Copiat!" perquè sàpigues que ha funcionat.
Funciona sense connexió – Un cop es carrega la pàgina, pots desconnectar-te d'internet. Útil durant vols o quan es demostra en llocs amb wifi poc fiable.
Responsive per a mòbils – L'uso regularment al meu telèfon quan faig ajustos de disseny ràpids sobre la marxa. La interfície s'adapta a qualsevol mida de pantalla sense desplaçament horitzontal.
Casos d'ús comuns
Proves de dissenys web responsius
Quan es construeixen llocs web responsius, cal veure com es redistribueix el text en diferents punts de tall. Normalment genero 3-4 paràgrafs per a vistes mòbils i 8-10 per a escriptori per a provar a fons els dissenys. Això revela problemes com desbordament de text, salts de línia incòmodes o contenidors que no s'expandeixen correctament. Un error comú és provar amb només un paràgraf: no descobrireu problemes d'espaiat de múltiples paràgrafs fins que el contingut real estigui en línia.
Desenvolupament de components frontend
Construint components reutilitzables en React, Vue o Angular? Lorem ipsum ajuda a verificar que els components gestionen amb elegància diverses longituds de contingut. Per exemple, els components de targeta haurien de funcionar tant si contenen 20 paraules com 200. Genereu recomptes de paràgrafs diferents per provar restriccions d'alçada mínima, truncament de text i funcionalitat de "llegir més" abans que l'equip de control de qualitat trobi els casos límit.
Sembrat de bases de dades i proves de backend
En omplir bases de dades de proves, lorem ipsum crea camps de text realistes sense escriure manualment. Uso format de text pla per a insercions SQL o cossos de sol·licituds API. Consell professional: variï el recompte de paràgrafs entre registres per simular la diversitat de dades del món real: alguns usuaris escriuen biografies curtes, altres escriuen novel·les.
Desenvolupament de plantilles de correu electrònic
Els clients de correu electrònic gestionen HTML de manera notòriament diferent. Provar amb text lorem ipsum en format HTML revela problemes de renderització a Gmail, Outlook i Apple Mail abans d'enviar campanyes reals. Pareu especial atenció a com diferents longituds de text afecten els vostres dissenys de correu electrònic responsius: una línia d'assumpte o text de previsualització que funciona a 50 caràcters pot trencar-se a 150.
Proves de disseny d'impressió i PDF
En dissenyar fulls d'estil d'impressió o generar PDF, lorem ipsum mostra com el text flueix a través de salts de pàgina. Genereu 8-10 paràgrafs per provar documents de diverses pàgines. Ràpidament descobrireu problemes com capçaleres òrfenes, salts de pàgina incòmodes a mig paràgraf o marges que funcionen a pantalla però fallen a la impressió.
Com Funciona Internament
Aquesta eina genera text lorem ipsum completament al vostre navegador fent servir JavaScript pur. Cap framework, cap backend—només manipulació DOM ràpida i l'API estàndard de Portapapers.
El procés de generació:
- Manté un array de frases lorem ipsum autèntiques del text original de Ciceró
- Selecciona aleatòriament 4-8 frases per paràgraf per crear variació de longitud natural
- Combina frases en paràgrafs usant l'espaiat adequat
- Aplica etiquetes HTML
<p>quan es selecciona format HTML - Mostra a un textarea de només lectura per facilitar la selecció
Per què client-side? Els viatges de servidor afegeixen 100-500ms de latència depenent de la vostra connexió. Per una tasca simple de generació de text, és un sobrecàrrega innecessària. La generació client-side també significa que funciona sense connexió i no envia cap dada a servidors externs—important per entorns que valoren la privacitat.
Exemples d'Implementació
Aquí teniu com integrar la generació de lorem ipsum als vostres propis projectes:
Exemple de mockup HTML:
1<!-- Feu servir la sortida de format HTML directament als vostres prototips -->
2<article class="blog-post">
3 <h2>Títol de l'Article</h2>
4 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
5 <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
6</article>
7JavaScript per contingut dinàmic:
1// Construïu el vostre propi generador de lorem ipsum amb aleatorietat bàsica
2// Útil per provar SPAs o contingut carregat dinàmicament
3function addLoremIpsumText(elementId, paragraphCount = 3) {
4 const loremSentences = [
5 "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
6 "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
7 "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.",
8 "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.",
9 "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia."
10 ];
11
12 const element = document.getElementById(elementId);
13
14 for (let i = 0; i < paragraphCount; i++) {
15 const paragraph = document.createElement('p');
16 // Combina 4-6 frases aleatòries per paràgraf
17 const sentenceCount = 4 + Math.floor(Math.random() * 3);
18 const sentences = [];
19
20 for (let j = 0; j < sentenceCount; j++) {
21 const randomIndex = Math.floor(Math.random() * loremSentences.length);
22 sentences.push(loremSentences[randomIndex]);
23 }
24
25 paragraph.textContent = sentences.join(' ');
26 element.appendChild(paragraph);
27 }
28}
29
30// Exemple: ompli una àrea de contingut amb 3 paràgrafs
31addLoremIpsumText('article-content', 3);
32Python per generació de dades de prova:
1# Útil per scripts de càrrega de base de dades o fixtures de Django/Flask
2import random
3
4def generate_lorem_ipsum(paragraphs=3):
5 """Genera text lorem ipsum per proves de backend i càrrega de base de dades."""
6 lorem_sentences = [
7 "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
8 "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
9 "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.",
10 "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.",
11 "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia."
12 ]
13
14 result = []
15 for _ in range(paragraphs):
16 # Genera longituds de paràgraf variades (4-8 frases)
17 sentence_count = random.randint(4, 8)
18 paragraph = [random.choice(lorem_sentences) for _ in range(sentence_count)]
19 result.append(" ".join(paragraph))
20
21 return "\n\n".join(result)
22
23# Exemple: ompli biografies de perfil d'usuari
24user_bio = generate_lorem_ipsum(2)
25print(user_bio)
26Java per aplicacions empresarials:
1// Perfecte per proves JUnit, fixtures de dades de Spring Boot o stubs de Mockito
2import java.util.Random;
3
4public class LoremIpsumGenerator {
5 private static final String[] LOREM_SENTENCES = {
6 "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
7 "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
8 "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.",
9 "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.",
10 "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia."
11 };
12
13 /**
14 * Genera text de marcador de posició lorem ipsum per proves.
15 * @param paragraphs Nombre de paràgrafs a generar (recomanat 1-10)
16 * @return Text lorem ipsum generat amb salts de paràgraf
17 */
18 public static String generateLoremIpsum(int paragraphs) {
19 Random random = new Random();
20 StringBuilder result = new StringBuilder();
21
22 for (int i = 0; i < paragraphs; i++) {
23 // Varia la longitud del paràgraf (4-8 frases) per realisme
24 int sentenceCount = random.nextInt(5) + 4;
25 StringBuilder paragraph = new StringBuilder();
26
27 for (int j = 0; j < sentenceCount; j++) {
28 int randomIndex = random.nextInt(LOREM_SENTENCES.length);
29 paragraph.append(LOREM_SENTENCES[randomIndex]).append(" ");
30 }
31
32 result.append(paragraph.toString().trim());
33 if (i < paragraphs - 1) {
34 result.append("\n\n");
35 }
36 }
37
38 return result.toString();
39 }
40
41 // Exemple: crea dades de prova per a l'entitat Article
42 public static void main(String[] args) {
43 String articleContent = generateLoremIpsum(3);
44 System.out.println(articleContent);
45 }
46}
47La Sorprenent Història del Lorem Ipsum
La majoria dels desenvolupadors no s'adonen que lorem ipsum prové de literatura llatina real. Deriva del tractat filosòfic de Ciceró "De finibus bonorum et malorum" (Els Extrems del Bé i del Mal), escrit l'any 45 aC. Un impressor del segle XVI va barrejar seccions per crear un llibre de mostres tipogràfiques.
El passatge estàndard que encara fem servir avui:
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Els fulls Letraset dels anys 60 van popularitzar el lorem ipsum entre els dissenyadors gràfics. Després, Aldus PageMaker el va incloure com a text de mostra per defecte, consolidant el seu estatus en l'edició d'escriptori. Quan va arribar la web als 90, el lorem ipsum ja era l'estàndard universal, per la qual cosa tots els generadors de text de marcador de posició fan servir les mateixes frases llatines barrejades.
Rendiment i Compatibilitat amb Navegadors
Aquest generador funciona sense problemes en tots els navegadors moderns (Chrome, Firefox, Safari, Edge). El rendiment és instantani fins i tot en maquinari antic perquè:
- La generació de text es produeix en microsegons—el coll d'ampolla sol ser la renderització del DOM, no el càlcul
- Les operacions de portapapers utilitzen l'API de Portapapers estàndard, compatible amb tots els navegadors des de 2018
- El rendiment mòbil és idèntic al d'escriptori—ho he provat en telèfons Android de 5 anys sense problemes
Una limitació: Alguns navegadors requereixen interacció de l'usuari (com un clic) abans de permetre l'accés al portapapers. Aquesta és una característica de seguretat, no un error. L'eina ho gestiona automàticament amb el botó de Copiar.
Preguntes Freqüents sobre Lorem Ipsum
Per a què s'utilitza el text lorem ipsum?
Lorem ipsum serveix com a text de marcador neutral per a dissenys, prototips i proves. Quan estàs construint un lloc web o una aplicació, necessites un volum de text realista per avaluar els dissenys, però el contingut real encara no està preparat. Lorem ipsum omple aquest buit sense distreure els interessats amb discussions sobre "Lorem ipsum dolor sit amet" versus còpia real.
L'utilitzo constantment quan prototipo components de React. Mostra si un component de targeta gestiona tant text curt com llarg de manera elegant abans que els gestors de producte escriguin el contingut real.
Per què usar lorem ipsum en lloc de "test test test" o text real?
Usar "test test test" sembla poc professional en demostracions de clients. Usar text real (com extractes de Wikipedia) convida a crítiques de contingut quan necessites comentaris de disseny. Lorem ipsum aconsegueix l'equilibri perfecte:
- Sembla realista des de la distància: distribució adequada de longitud de paraules i frases
- Clarament un marcador—ningú no el confon amb contingut final
- Neutral pel que fa a l'idioma—funciona per a projectes internacionals sense debats de traducció
- Estàndard de la indústria—clients i interessats el reconeixen immediatament
Quants paràgrafs hauria de generar?
Depèn del que estiguis provant:
- 1-2 paràgrafs: Components de targeta, elements de llista, descripcions curtes
- 3-5 paràgrafs: Vistes prèvies de blogs, pàgines de productes, plantilles de correu electrònic
- 8-10 paràgrafs: Articles complets, pàgines de documentació, contingut llarg
La meva regla general: genera més del que creus que necessites. És més fàcil eliminar l'excés que tornar enrere i afegir més quan et adones que el teu disseny es trenca amb un volum de contingut realista.
Quina és la diferència entre text pla i format HTML?
Text pla et dona paràgrafs sense format separats per salts de línia. Perfecte per a:
- Omplir camps de base de dades mitjançant SQL
- Provar sol·licituds POST d'API a Postman
- Sembrar dades de prova en scripts de backend
Format HTML embolcalla cada paràgraf amb etiquetes <p>, preparat per enganxar a:
- Arxius HTML i components web
- Editors WYSIWYG (WordPress, Medium, etc.)
- Plantilles de correu electrònic que admeten HTML
Tria en funció d'on enganxaràs. Si no estàs segur, comença amb text pla: és més fàcil afegir etiquetes HTML que treure-les.
Puc usar lorem ipsum en projectes comercials?
Absolutament. Lorem ipsum és de domini públic: sense drets d'autor, sense atribució requerida, sense restriccions. Usa-ho en treballs de clients, productes comercials o eines internes sense preocupació. S'ha fet servir lliurement durant més de 500 anys; això no canviarà.
Aquesta eina fa un seguiment del meu ús o envia dades a algun lloc?
Zero seguiment. Zero crides a API externes. Tot s'executa al navegador usant JavaScript pla. No recopilem anàlisis, no emmagatzemem el text generat ni enviem res a un servidor. Un cop es carrega la pàgina, pots desconnectar-te d'internet i seguirà funcionant.
El text és realment aleatori?
Semi-aleatori. L'eina combina aleatòriament frases del text lorem ipsum original de Ciceró, creant paràgrafs variats cada vegada. No és aleatòriament criptogràfic, però és prou aleatori perquè no obtinguis una sortida idèntica dues vegades, llevat que generis paràgrafs d'una sola frase.
Per a propòsits de proves, aquesta variació és perfecta: obtens diversitat de longitud realista sense un text realment aleatori que pugui trencar patrons regex o validadors.
Puc personalitzar el text lorem ipsum o usar altres idiomes?
Aquesta eina es centra en lorem ipsum llatí tradicional: l'estàndard de la indústria que tothom reconeix. Per a necessitats especialitzades com:
- Marcadors multilingües (alemany, japonès, etc.)
- Text temàtic (bacon ipsum, llenguatge corporatiu)
- Llistes de paraules personalitzades
Necessitaràs un generador especialitzat o una implementació personalitzada. Per al 95% del treball de desenvolupament i disseny, el lorem ipsum estàndard és el que vols de totes maneres.
Quan No Fer Servir Lorem Ipsum (I Què Fer Servir En El Seu Lloc)
Lorem ipsum funciona per al 95% dels escenaris de proves. Però aquí és quan busco alternatives:
Per a presentacions de clients centrades en contingut: Feu servir un esborrany de còpia real, fins i tot si no és perfecte. Els clients pateixen per avaluar l'arquitectura de la informació quan veuen un text llatí sense sentit. El contingut de prova pot esperar fins al desenvolupament intern.
Proves de límits de caràcters i casos extrems: Feu servir contingut real de pitjor cas com "WWWWWWWWW" (caràcters més amples) o paraules compostes alemanyes extremadament llargues (Rindfleischetikettierungsüberwachungsaufgabenübertragungsgesetz). Lorem ipsum té amplades de caràcters predictibles, mentre que el contingut real no.
Proves d'accessibilitat: El contingut real revela problemes que lorem ipsum amaga. Els usuaris de lectors de pantalla necessiten text significatiu per provar patrons de navegació. Lorem ipsum passa la validació però falla en proves d'usabilitat del món real.
Projectes multilingües: Si esteu construint per a mercats japonesos, àrabs o russos, proveu amb contingut UTF-8 real en aquests scripts. Lorem ipsum no revelarà errors de disseny RTL, problemes de salt de línia CJK o problemes de renderització de fonts.
Alternatives humorístiques (Bacon Ipsum, Hipster Ipsum, Llenguatge Corporatiu): Divertides per a projectes interns però confuses per a clients que no entenen l'acudit. He vist stakeholders qüestionant si "bacon ipsum" era una marca intencionada. Mantingueu-vos amb lorem ipsum estàndard per a treballs professionals.
Lectures complementàries
- Documentació de l'API del Portapapers - Mozilla Developer Network - Referència tècnica per a la funcionalitat del portapapers en aplicacions web modernes
- Orígens del Lorem Ipsum - Nielsen Norman Group - Recerca sobre quan usar (i quan no) text de marcador de posició en el disseny UX
- Directrius d'Accessibilitat del Contingut Web (WCAG) - W3C - Estàndards per fer el contingut web més accessible, incloent consideracions sobre text de marcador de posició
Preparat per provar els teus dissenys? Genera text lorem ipsum en segons: tria el nombre de paràgrafs, escull format de text pla o HTML, i fes clic per copiar. Sense anuncis, sense registres, sense demores.