Master Addons
Prissætning
Se kategorier

Code

Image
Roy Jemee
Opdateret den 18. september 2026

5 min læst

Feltet Kode sætter en lille kodeeditor ind i en brugerdefineret widget, du bygger med Master Addons Widget Builder. Redaktører indsætter et uddrag, såsom badge HTML en betalingsudbyder uddeler, og feltet holder det læsbart med linjenumre og syntaksfremhævning. Det er feltet for markup, der skal indsættes i stedet for at skrive som prosa.

Kode er et Pro felt. Det gratis plugin indeholder en begrænset Widget Builder, og det fulde sæt af felter leveres med Master Addons Pro.

Indstillinger for kodefelt i Master Addons Widget Builder ved siden af kodeeditoren i Elementor for en widget til tillidsbadge

Hvad feltet Kode gør #

  • Tilføjer en kodeeditor til din widgets panel i Elementor, med linjenumre og fremhævning.
  • Højdepunkter i det sprog, du vælger, fra HTML og CSS til JSON, SVG og PHP.
  • Gemmer alt, hvad der er indsat som tekst.
  • Udskriver det gennem et token som f.eks {{ badge_markup }}, renset med WordPress' eget postindholdsfilter, så tilladte HTML-gengivelser og script-tags droppes.
  • Har en raw filtrer efter det sjældne tilfælde, hvor et uddrag skal gå uberørt ud.

Ny hos bygherren? Læs den Widget Builder oversigt først, så kom tilbage med en widget åben.

Før du starter #

  • WordPress med Elementor installeret og aktiv.
  • Master Addons til Elementor og Master Addons Pro, begge aktive. Den installationsvejledning covers opsætning.
  • En widget åben i Widget Builder. Eksemplet i denne vejledning er en “Trust Badges” widget: et Tekstfelt til overskriften og et Kodefelt med navnet badge_markup det tager udbyderens badge HTML.

Sådan tilføjes et kodefelt #

  1. Gå til Master Addons > Widget Builder og åbn din widget.
  2. Tilføj et afsnit om Content fane, for eksempel “Badges”.
  3. Type code i feltsøgefeltet til venstre.
  4. Drag Code ind i sektionen. Klik på blyanten på feltet for at åbne dens indstillinger.
Kodefelt fundet ved at søge i kode i Widget Builder med et Badge Markup-felt i Badges-sektionen

Kodefeltindstillinger forklaret #

Indstillinger for kodefelt med Etiket, Navn, Beskrivelse og et Sprog dropdown indstillet til HTML
  • Etiket: teksten over editoren i Elementor, for eksempel “Badge Markup”.
  • Navn: feltets unikke id og navnet på dets token. Brug kun bogstaver, tal og understregninger, f.eks badge_markup.
  • Beskrivelse: et tip vist under editoren i Elementor. Brug det til at sige, hvad feltet forventer, såsom “Indsæt den HTML, din betalings- eller anmeldelsesudbyder giver dig.”
  • Sprog: fremhævningstilstanden. Listen har HTML, CSS, SASS, SCSS, JavaScript, JSON, LESS, Markdown, PHP, Python, MySQL, SQL, SVG, Text, Twig og Typescript. HTML er standard.

Sprogændringer, der kun fremhæver. Det begrænser ikke, hvad en editor kan indsætte, og det ændrer ikke, hvordan værdien udskrives.

Panelet har ingen Standardværdi og ingen højdeindstilling for dette felt, så editoren åbner altid tom i sin standardhøjde. Tænd Etiketblok så etiketten sidder over editoren i stedet for at klemme ved siden af den.

Under Fælles indstillinger finder du også Vis etiket, Separator og Betingelser, som fungerer på samme måde som på andre felter. Forlad Vælger tom: et indsat uddrag er ikke en CSS-værdi.

Udskriv koden i din skabelon #

Sæt tokenet, hvor snippet skal lande, og bevogt det, så et tomt felt ikke efterlader nogen indpakning:

<div class="tb">
  <p class="tb-heading">{{ tb_heading }}</p>
  {% if badge_markup %}
  <div class="tb-badges">{{ badge_markup }}</div>
  {% endif %}
</div>
Widget HTML udskrivning af badge_markup token inde i en if blok

Style indpakningen i CSS-panelet som normalt. Selve uddraget bringer uanset klasser udbyderen gav det, så det er værd at tilføje din egen indpakningsklasse for at kontrollere afstand og justering.

Hvad token strimler #

Værdien går gennem det samme filter, WordPress bruger til indlægsindhold. Tags tilladt i indlæg kommer ud som indsat: div, span, a, img og resten. Script-tags og iframes fjernes.

En detalje er værd at vide, før du afleverer widget til en klient. I vores tests blev et indsat script-tag fjernet, men JavaScript inde i det forblev på siden som almindelig tekst, så den besøgende så en linje kode midt i widgetten. Intet advarer dig om det. Test en udbyders uddrag på en udkastside én gang, og fortæl redaktører at indsætte markup kun.

Sammenligning af standardtokenet, som fjerner iframe- og script-tagget, og råfilteret, som beholder dem

Råfilteret #

Tilføjelse raw til tokenet udskriver præcis, hvad der blev indsat, scripts og iframes inkluderet:

{{ badge_markup|raw }}

I vores test beholdt den version iframe og kørte scriptet. Det er nyttigt for en indlejring, du kontrollerer, og risikabelt alle andre steder, fordi alle, der kan redigere widgetten, derefter kan køre JavaScript på siden. Brug det kun, når hver editor på den side allerede er betroet med ufiltreret HTML, og hold det almindelige token for widgets-klienter i kontakt.

Skabelonmotoren accepterer også trim, upper og lower på et token, som af og til er praktiske til et kort uddrag af almindelig tekst.

Brug kodekontrollen i Elementor #

Tilføj widgetten til en side, eller genindlæs editoren, hvis siden allerede var åben. Feltet vises som en mørk editorblok under din etiket, med linjenumre nede på siden. Indsæt uddraget og forhåndsvisningsopdateringerne, så snart du klikker væk.

Elementor panel med Ace kode editor viser indsat badge HTML og de gengivne badges i forhåndsvisningen

Editoren er et lille vindue, så et langt uddrag ruller inde i det. Det er fint til at indsætte, mindre til læsning; skriv uddraget et mere rummeligt sted, hvis du planlægger at redigere det i hånden.

Her er den færdige widget på forenden, bygget af tre indsatte badge blokke:

Trust badge widget på frontenden, der viser tre badges bygget ud fra den indsatte HTML

Almindelige brugstilfælde #

  • Betalings-, anmeldelses- og tillidsbadges, som udbydere uddeler som HTML.
  • Skema eller strukturerede datablokke, som en editor skal indsætte pr. side.
  • Små SVG-ikoner eller logoer indsat som markering.
  • Et kort CSS- eller JSON-uddrag af din widgets script lyder.

Tips til at arbejde med feltet Kode #

  • Sig, hvad du skal indsætte i beskrivelsen. Redaktører kan ikke fortælle fra en tom editor, hvad feltet forventer.
  • Bevogt tokenet med {% if %}. Et ubrugt felt ville ellers efterlade en tom indpakning på siden.
  • Test en rigtig udbyderuddrag én gang. Sådan finder du ud af, hvilke dele der overlever filteret.
  • Keep raw kun for betroede redaktører. Det almindelige token er den sikre standard for klientwebsteder.
  • Formateret tekst frem for markup? Brug den WYSIWYG-feltet så redaktører får en visuel editor i stedet for kode.

Ofte stillede spørgsmål #

Er feltet Kode gratis?

Nej. Kode er et af Pro-felterne i Widget Builder, så Master Addons Pro skal være aktiv, før du kan tilføje det til en widget.

Kan jeg indstille et standarduddrag eller gøre editoren højere?

Ikke fra feltindstillingerne. Panelet har en Label, Navn, Beskrivelse og Sprog, så editoren åbner altid tom i sin standardhøjde.

Hvorfor forsvandt en del af mit indsatte uddrag?

Tokenet kører værdien gennem WordPress' postindholdsfilter, som fjerner script-tags og iframes. Brug markup filteret tillader, eller råfilteret, hvis hver editor på den side er betroet med ufiltreret HTML.

Hvorfor vises JavaScript som tekst i min widget?

Et indklæbet script- tag blev fjernet, men dets indhold blev tilbage som tekst. Tag scriptet ud af uddraget, eller udskriv feltet med det rå filter, hvis scriptet er beregnet til at køre.

Begrænser sprogindstillingen, hvad redaktører kan indsætte?

Nej. Det ændrer kun syntaksfremhævningen i editoren.

Indpakning #

Slip et kodefelt ind i en indholdssektion, vælg sproget, skriv en beskrivelse, der siger, hvad der skal indsættes, og udskriv tokenet inde i en {% if %} vagt. Hold den almindelige token for klient sites og nå til raw kun med pålidelige redaktører. For rig tekst i stedet for markup, se WYSIWYG-feltet, og kontrollere prissætning for hvad hver plan indeholder.

Hvad er dine Følelser