Unterstützte BBCode-Elemente und Attribute

Last Updated Juni 2, 2026

Kurzübersicht

WalkMe unterstützt BBCode in Ballons, um Formatierungen, dynamische Inhalte, Links, Medien und mehr hinzuzufügen. Dieser Artikel behandelt alle unterstützten BBCode-Elemente, ihre verfügbaren Attribute und wie man den Code schreibt.

Unterstützte Elemente und Attribute

  • table: title, border, cellspacing, cellpadding, style, class, id, tabindex, aria-label, aria-live, role
  • tr: Titel, Stil, Klasse, ID, tabindex, aria-label, aria-live, role
  • th: Titel, Stil, Klasse, ID, tabindex, aria-label, aria-live, role
  • td: Titel, Stil, Klasse, ID, tabindex, aria-label, aria-live, role
  • tbody: Titel, Stil, Klasse, ID, tabindex, aria-label, aria-live, role
  • p: Titel, Stil, Klasse, ID, tabindex, aria-label, aria-live, role
  • div: title, style, class, id, tabindex, aria-label, aria-live, role, width, height
  • span: title, style, class, id, tabindex, aria-label, aria-live, role, width, height
  • iframe: Titel, Stil, Klasse, ID, tabindex, aria-label, aria-live, Rolle, Breite, Höhe
  • youtube: Titel, Autoplay, Breite, Höhe, Stil, Klasse, ID, tabindex, aria-label, aria-live, role
  • vimeo: Titel, Autoplay, Breite, Höhe, Stil, Klasse, ID, tabindex, aria-label, aria-live, role
  • wistia: Titel, Autoplay, Breite, Höhe, Stil, Klasse, ID, tabindex, aria-label, aria-live, role
  • ustream: Titel, Autoplay, Breite, Höhe, Stil, Klasse, ID, tabindex, aria-label, aria-live, role
  • Vidyard: Titel, Autoplay, Breite, Höhe, Stil, Klasse, ID, tabindex, aria-label, aria-live, role
  • url: title, channelmode, directories, fullscreen, left, top, target, location, menubar, resizable, scrollbars, status, titlebar, toolbar, width, height, style, class, id, tabindex, aria-label, aria-live, role
  • img: title, alt
  • b: title
  • u: title
  • i: title
  • ul: title
  • li: title
  • h2 h3 h4 h5 h6: Heading elements

BBCode-Referenz

Weiterleitung zu Elementen

Leiten Sie zu einem Smart Walk-Thru, einer Ressource oder einer Umfrage um:
[swt=xxxxx]Klicken Sie hier.[/swt]
[resource=xxxxx]Klicken Sie hier.[/resource]
[survey=xxxxx]Klicken Sie hier.[/survey]

Von einem Smart Walk-Thru zu einem bestimmten Schritt oder Smart Walk-Thru umleiten:
[trg=xxxxx]Klicken Sie hier.[/trg]

Die Trigger-Nummer muss eindeutig sein.

Hinzufügen von dynamischem Text

[wm-data]key123[/wm-data]
[var]variable123[/var]
[jquery]jquery123[/jquery]
[cookie]cookie123[/cookie]

Hinzufügen eines Bildes

[img=24x35]www.img_url.com[/img]

Definieren Sie immer eine Größe, um zu verhindern, dass das Bild das Ballon-Layout durchbricht.

Textformatierung

Fett: [b]text[/b]
Unterstreichen: [u]text[/u]
Kursiv: [i]text[/i]
Durchgestrichen: [s]text[/s]
Schriftfarbe: [color=red]Text[/color]
Textgröße: [size=19]Text[/size]

HTML-Elemente

Div: [div]text[/div]
Span: [span]text[/span]
Überschriften: [h2]Text[/h2] [h3]Text[/h3] [h4]Text[/h4] [h5]Text[/h5] [h6]Text[/h6]

Aufzählungslisten

[ul]

[li]Eins[/li]

[li]Zwei[/li]

[li]Drei[/li]

[/ul]

Standardlink:
[url=http://www .walkme.com]Die Website von WalkMe[/url]

Link, der in einer neuen Registerkarte geöffnet wird:
[url=http://www.walkme.com , target="blank"]WalkMe-Website[/url]

Die URL muss http:// oder https:// enthalten.

Link zu einer E-Mail-Adresse:
[url=mailto:support@example .com]support@example.com[/url]

Verknüpfen Sie eine E-Mail-Adresse mit einer Betreffzeile:
[url=mailto:email@address].com=""/>Text anzeigen[/url]

Automatisches Abspielen eines Videos

[html5video width="426" height="240" autoplay="true"] https://your-video-url.mp4 [/html5video]

War dies hilfreich?

Vielen Dank für Ihr Feedback!

Be part of something bigger.

Engage with peers, ask questions, share ideas

Ask the Community
×