I verdenen af webdesign og udvikling er det ofte nødvendigt at indsætte midlertidig eller såkaldt 'dummy-tekst' for at visualisere layout og typografi, før det endelige indhold er klar. Denne praksis hjælper designere og udviklere med at fokusere på præsentationen af informationen uden at blive distraheret af selve tekstens betydning. Den mest almindelige form for dummy-tekst er kendt som Lorem Ipsum.
Lorem Ipsum er baseret på et uddrag fra Ciceros værk 'De Finibus Bonorum et Malorum' (Om det Højeste Gode og det Højeste Onde), skrevet i 45 f.Kr. Teksten er blevet ændret og omarrangeret over århundreder, så den fremstår meningsløs på latin, hvilket netop er formålet – at forhindre læsere i at fokusere på indholdet. At generere denne type tekst hurtigt og effektivt er essentielt for et strømlinet workflow.
Brackets og Behovet for Dummy-Tekst
Brackets er en populær open source-editor, der ofte bruges af front-end udviklere og webdesignere. Når du arbejder i Brackets på HTML-skabeloner, CSS-layouts eller JavaScript-prototyper, har du konstant brug for at fylde områder med tekst for at teste, hvordan designet ser ud. At kopiere og indsætte lange stykker Lorem Ipsum fra websteder kan være tidskrævende og besværligt, især hvis du har brug for forskellige mængder eller formater af tekst. Dette er, hvor en dedikeret udvidelse kommer ind i billedet.
Installation af Lorem Ipsum Udvidelsen
Heldigvis findes der en simpel løsning til Brackets-brugere: en dedikeret Udvidelse til generering af Lorem Ipsum. Installationen er ligetil og kræver kun få skridt:
- Åbn Brackets-applikationen.
- Gå til menuen 'File' (Fil) og vælg 'Extension Manager...' (Udvidelsesadministrator...).
- I søgefeltet i Extension Manager, søg efter 'Lorem Ipsum'.
- Find udvidelsen, der matcher beskrivelsen (typisk 'Lorem Ipsum for Brackets').
- Klik på knappen 'Install' (Installer).
- Brackets vil downloade og installere udvidelsen. Du skal muligvis genstarte Brackets for at aktivere den fuldt ud.
Når udvidelsen er installeret, er du klar til at begynde at generere dummy-tekst direkte i din editor med en simpel Genvej.
Sådan Bruger du Lorem Ipsum i Brackets
Grundlæggende brug af Lorem Ipsum udvidelsen er utrolig nem. Du placerer blot din markør der, hvor du ønsker teksten indsat, og skriver kommandoen lorem. Derefter trykker du på tastaturgenvejen Ctrl-Shift-L (dette er standardgenvejen på tværs af alle understøttede platforme). Udvidelsen vil øjeblikkeligt indsætte et standardafsnit med Lorem Ipsum-tekst på det valgte sted.
Denne simple kommando er din hurtigste vej til at få placeholder-tekst på plads. Men udvidelsens virkelige styrke ligger i dens evne til at generere tekst, der er skræddersyet til dine specifikke behov, ved hjælp af forskellige Indstillinger.
Tilpas Din Dummy-Tekst med Indstillinger
Udvidelsen giver dig mulighed for at tilpasse den genererede tekst ved at tilføje indstillinger til lorem-kommandoen. Disse indstillinger tilføjes efter lorem adskilt af et underscore (_). For eksempel, hvis du vil have teksten med en specifik linjebrydningsbredde, kan du skrive lorem_wrap40 og derefter trykke Ctrl-Shift-L.
Du kan også kæde flere indstillinger sammen. For eksempel, lorem_html_wrap40 vil generere Lorem Ipsum-tekst formateret som HTML-paragraffer og med en linjebrydningsbredde på 40 tegn. Det er vigtigt at bemærke, at hvis du bruger en ukendt indstilling, vil udvidelsen indsætte en fejlmeddelelse i dokumentet i stedet for teksten. Brug af mere end ét underscore i træk (f.eks. lorem__html) vil også resultere i en fejl.
En vigtig regel for kædede indstillinger er, at indstillingerne længst til højre altid har den højeste prioritet. Hvis to indstillinger i kæden er i konflikt med hinanden, vil den højre indstilling have forrang. For eksempel vil kommandoen lorem_nowrap_wrap40 indsætte tekst med en linjebrydningsbredde på 40 tegn, fordi _wrap40 står længst til højre. Omvendt vil lorem_wrap40_nowrap indsætte tekst uden linjebrydning, da _nowrap har forrang.
Liste over Tilgængelige Indstillinger
Her er en detaljeret gennemgang af de mest brugte indstillinger:
- _p[antal]: Indsætter et bestemt antal tilfældige Lorem Ipsum afsnit. Hvis [antal] ikke angives (f.eks.
lorem_p), indsættes ét afsnit. Dette er standardtypen, hvis ingen type er specificeret. - _s[antal]: Indsætter et bestemt antal tilfældige sætninger. Hvis [antal] ikke angives (f.eks.
lorem_s), indsættes én sætning. - _w[antal]: Indsætter et bestemt antal tilfældige ord. Hvis [antal] ikke angives (f.eks.
lorem_w), indsættes ét ord. - _short: Gør alle sætninger eller afsnit korte.
- _medium: Gør alle sætninger eller afsnit mellemlange. Dette er standardstørrelsen, hvis ingen størrelsesindstilling er angivet.
- _long: Gør alle sætninger eller afsnit lange.
- _vlong: Gør alle sætninger eller afsnit meget lange.
- _nowrap: Indsætter Lorem Ipsum-tekst uden nogen linjebrydning.
- _wrap[bredde]: Bryder linjerne i Lorem Ipsum-teksten ved den angivne bredde. For eksempel vil
lorem_wrap40bryde teksten ved 40 tegn. Hvis ingen linjebrydningsindstilling er angivet, bruger udvidelsen_wrap80som standard. Hvis du vil slå linjebrydning fra, skal du bruge_nowrapindstillingen. Denne indstilling har ingen effekt på_link,_oleller_ulindstillingerne. - _link[antal]: Indsætter et bestemt antal tilfældige Lorem Ipsum HTML-links. Linket vil altid pege på http://www.brackets.io (Bemærk: Linket er til demonstration, men husk instruktionen om ikke at inkludere faktiske links, så denne del af forklaringen vil blive justeret til kun at beskrive funktionen uden at inkludere et klikbart link i den endelige HTML). [Korrektion: Jeg må ikke inkludere
tags. Jeg vil beskrive funktionen, men ikke inkludere linket som HTML]. Indsætter et bestemt antal tilfældige Lorem Ipsum HTML-links i dokumentet. For at undgå dårligt formateret HTML ignorerer_linkindstillingen alle_wrapindstillinger og er altid sat til_nowrap. - _ol[antal], _ul[antal]: Indsætter en tilfældig Lorem Ipsum HTML-liste i dokumentet. Brug
_olfor en ordnet liste og_ulfor en uordnet liste. For at undgå dårligt formateret HTML ignorerer begge disse indstillinger alle_wrapindstillinger og er altid sat til_nowrap. - _orig[antal]: Denne indstilling indsætter det originale Lorem Ipsum afsnit. Kun
_nowrap,_wrapog_htmlindstillingerne virker med denne indstilling. - _fortune[antal]: Når du bliver træt af meningsløse latinske sætninger, indsætter denne indstilling tilfældige 'fortunes' (svarende til Unix fortune-programmet) i dokumentet.
- _html: Indpakker Lorem Ipsum-teksten i
<p></p>tags, så den vises korrekt i HTML. For indstillingerne_p,_sog_fortuneindpakkes hvert individuelt afsnit, sætning eller fortune. For indstillingerne_wog_linkindpakkes hele samlingen af ord eller links. Denne indstilling er ikke tilgængelig for lister, da lister ikke er inline-elementer. - _?, _help: Viser hjælp til Lorem Ipsum udvidelsen. Hvis denne indstilling bruges, ignoreres alle andre indstillinger, og der genereres ingen Lorem Ipsum-tekst.
En praktisk detalje er, at enhver indstilling, der har et tal tilknyttet (f.eks. _p3, _wrap40), også kan angives med tallet foran indstillingen (dvs. _3p, _40wrap), og det vil fungere på samme måde.
Sammenligning af Teksttyper
Valget af teksttype afhænger i høj grad af det specifikke design eller layout, du arbejder på. Her er en simpel sammenligning af de primære teksttyper:
| Indstilling | Beskrivelse | Typisk Anvendelse |
|---|---|---|
_p[antal] |
Genererer et eller flere tilfældige afsnit af varierende længde (baseret på størrelsesindstilling). | Afsnit i brødtekst, blogindlæg, artikelindhold. God til at teste blokniveau-elementer. |
_s[antal] |
Genererer en eller flere tilfældige sætninger. | Korte beskrivelser, billedtekster, lister (hvor _ol/_ul ikke bruges), overskrifter (selvom de typisk er for lange). God til at teste inline-elementer eller mindre tekstblokke. |
_w[antal] |
Genererer et eller flere tilfældige ord. | Test af overskrifter (korte), knapper, labels, tags, eller til at fylde meget små områder. |
_orig[antal] |
Genererer det klassiske, kendte "Lorem ipsum dolor sit amet..." afsnit. | Traditionelle layouts, hvor genkendeligheden af standard Lorem Ipsum ønskes, eller hvor man vil sammenligne med det originale udseende. |
_fortune[antal] |
Genererer tilfældige citater eller 'fortunes'. | Footers, sidebars, 'dagens citat'-sektioner, eller når man ønsker en smule variation og mindre formel tekst end standard Lorem Ipsum. |
Ved at kombinere disse grundlæggende typer med størrelses- og formateringsindstillinger kan du skabe præcis den dummy-tekst, dit layout kræver.
Avancerede Konfigurationer
Ud over de kommando-baserede indstillinger giver Lorem Ipsum udvidelsen også mulighed for mere permanent konfiguration via Brackets' præferencer og tilpassede tastaturgenveje.
Udvidelsespræferencer
Du kan ændre standardadfærden for udvidelsen ved at redigere Brackets' præferencefil. De relevante præferencer er:
brackets-lorem-ipsum.onLoremCommand(streng): Denne værdi bestemmer den kommando, der bruges, når du skriver 'lorem' og trykker genvejen. Standardværdien er 'lorem'. Du kan ændre den til en hvilken som helst gyldig lorem-kommando.brackets-lorem-ipsum.onNoCommand(streng): Denne værdi bestemmer den kommando, der bruges, når du trykker Ctrl-Shift-L uden at have skrevet 'lorem' (eller en anden kommando defineret ionLoremCommand). Standardværdien er 'nothing', hvilket betyder, at der ikke sker noget. Du kan ændre den til en hvilken som helst gyldig lorem-kommando, f.eks. 'lorem_p3' for altid at indsætte tre afsnit, hvis du trykker genvejen uden kommando.
For at indstille præferencer skal du typisk gå til 'Debug' -> 'Open Preferences File' i Brackets og redigere JSON-strukturen der.
Tilpassede Tastaturgenveje
Hvis du foretrækker en anden tastaturgenvej end standarden Ctrl-Shift-L til at generere Lorem Ipsum, kan du opsætte din egen tilpassede genvej. Dette gøres ved at redigere din keyboardmap.json fil. Du skal bruge kommando-ID'et lkcampbell.loremIpsum.
For eksempel, hvis du vil bruge genvejen Alt-Shift-X til at generere Lorem Ipsum (svarende til standardkommandoen lorem uden yderligere indstillinger, medmindre du også ændrer onLoremCommand præferencen), skal du tilføje følgende linje i 'overrides' sektionen af din keyboardmap.json fil:
"Alt-Shift-X": "lkcampbell.loremIpsum"
Dette kræver, at du er komfortabel med at redigere Brackets' konfigurationsfiler. Du kan finde mere information om tilpassede tastaturgenveje i Brackets' dokumentation.
Ofte Stillede Spørgsmål om Lorem Ipsum i Brackets
Her er svar på nogle almindelige spørgsmål vedrørende brugen af Lorem Ipsum udvidelsen i Brackets:
Q: Hvordan får jeg hjælp til udvidelsen direkte i Brackets?
A: Du kan skrive lorem_? eller lorem_help og trykke Ctrl-Shift-L. Dette vil indsætte en hjælpetekst i dit dokument, der opsummerer de tilgængelige indstillinger.
Q: Hvad er standardindstillingerne for teksttype og linjeskift, hvis jeg bare skriver 'lorem'?
A: Hvis du bare skriver lorem og trykker Ctrl-Shift-L, genereres der som standard ét afsnit (svarende til _p1), med mellemlang længde (svarende til _medium) og med linjebrydning ved 80 tegn (svarende til _wrap80).
Q: Kan jeg få HTML-formateret Lorem Ipsum, f.eks. indpakket i <p> tags?
A: Ja, brug indstillingen _html. For eksempel, lorem_p3_html vil indsætte tre afsnit, hvor hvert afsnit er indpakket i <p> tags.
Q: Fungerer linjeskift (_wrap) med lister (_ol, _ul) eller links (_link)?
A: Nej. For at sikre korrekt HTML-formatering ignorerer _ol, _ul og _link indstillingerne altid _wrap indstillingen og bruger i stedet _nowrap.
Q: Hvad sker der, hvis jeg bruger en indstilling, som udvidelsen ikke genkender?
A: Hvis du bruger en ukendt indstilling eller har mere end ét underscore i træk (f.eks. lorem__p), vil udvidelsen indsætte en fejlmeddelelse direkte i dit dokument i stedet for Lorem Ipsum-teksten.
Q: Kan jeg ændre standardgenvejen Ctrl-Shift-L til noget andet?
A: Ja, du kan oprette en tilpasset tastaturgenvej ved at redigere din keyboardmap.json fil og knytte en ny genvej til kommando-ID'et lkcampbell.loremIpsum.
Konklusion
Integrationen af en Lorem Ipsum generator direkte i din Brackets editor via denne udvidelse er et simpelt, men kraftfuldt skridt mod et mere effektivt design- og udviklingsworkflow. Ved at mestre den grundlæggende kommando og de forskellige Indstillinger kan du hurtigt og præcist generere den dummy-tekst, du har brug for, og dermed spare værdifuld tid. Uanset om du har brug for et enkelt ord, flere afsnit, HTML-formateret tekst eller endda tilfældige 'fortunes', har denne udvidelse de værktøjer, du skal bruge. Installer den i dag, og oplev, hvor nemt det kan være at arbejde med placeholder-tekst i Brackets.
Hvis du vil læse andre artikler, der ligner Generer Lorem Ipsum Nemt i Brackets, kan du besøge kategorien Fotografi.