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]
Links
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]