Aperçu général

WalkMe prend en charge le BBCode dans les bulles pour ajouter du formatage, du contenu dynamique, des liens, des médias et plus encore. Cet article couvre tous les éléments BBCode pris en charge, leurs attributs disponibles et la façon d'écrire le code.

Éléments et attributs pris en charge

• table : titre, bordure, espacement des cellules, remplissage des cellules, style, classe, id, tabindex, aria-label, aria-live, role
• tr: title, style, class, id, tabindex, aria-label, aria-live, role
• th: title, style, class, id, tabindex, aria-label, aria-live, role
• td: title, style, class, id, tabindex, aria-label, aria-live, role
• tbody: title, style, class, id, tabindex, aria-label, aria-live, role
• p: title, style, class, 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 : title, style, class, id, tabindex, aria-label, aria-live, role, width, height
• youtube : title, autoplay, width, height, style, class, id, tabindex, aria-label, aria-live, role
• vimeo : title, autoplay, width, height, style, class, id, tabindex, aria-label, aria-live, role
• wistia: title, lecture automatique, largeur, hauteur, style, classe, id, tabindex, aria-label, aria-live, role
• ustream: title, lecture automatique, largeur, hauteur, style, classe, id, tabindex, aria-label, aria-live, role
• vidyard: title, lecture automatique, largeur, hauteur, style, classe, id, tabindex, aria-label, aria-live, role
• url: title, channelmode, répertoires, plein écran, left, top, target, emplacement, barre de menu, redimensionnable, barres de défilement, statut, barre de titre, barre d'outils, largeur, hauteur, style, classe, id, tabindex, aria-label, aria-live, role
• img: title, alt
• b: titre
• u: titre
• i: titre
• ul: titre
• li: titre
• h2 h3 h4 h5 h6 : éléments d'en-tête

Référence du BBCode

Redirection vers les éléments

Rediriger vers un Smart Walk-Thru, une ressource ou un sondage :
[swt=xxxxx]Cliquez ici[/swt]
[resource=xxxxx]Cliquez ici[/resource]
[survey=xxxxx]Cliquez ici[/survey]

Rediriger d'un Smart Walk-Thru vers une étape spécifique ou un Smart Walk-Thru :
[trg=xxxxx]Cliquez ici[/trg]

Ajout de texte dynamique

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

Ajout d'une image

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

Formatage du texte

En gras : [b]text[/b]
Souligné : [u]text[/u]
En italique : [i]text[/i]
Barré : [s]text[/s]
Couleur de la police : [color=red]texte[/color]
Taille du texte : [size=19]texte[/size]

Éléments HTML

Div : [div]texte[/div]
Balise span : [span]texte[/span]
Titres : [h2]texte[/h2] [h3]texte[/h3] [h4]texte[/h4] [h5]texte[/h5] [h6]texte[/h6]

Listes à puces

[ul]

[li]Un[/li]

[li]Deux[/li]

[li]Trois[/li]

[/ul]

Liens

Lien standard :
[url=http://www .walkme.com]Site Web de WalkMe[/url]

Lien qui s'ouvre dans un nouvel onglet :
[url=http://www.walkme.com , target="blank"]Site Web de WalkMe[/url]

Lien vers une adresse e-mail :
[url=mailto:support@example .com]support@example.com[/url]

Lien vers une adresse e-mail avec une ligne d'objet :
[url=mailto:email@address].com=""/>Afficher le texte[/url]

Lecture automatique d'une vidéo

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