Breve Visão Geral

O WalkMe suporta o BBCode em balões para adicionar formatação, conteúdo dinâmico, links, mídia e muito mais. Este artigo aborda todos os elementos do BBCode suportados, seus atributos disponíveis e como escrever o código.

Elementos e atributos suportados

• tabela: title, border, cellspacing, cellpadding, style, class, 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, autoplay, width, height, style, class, id, tabindex, aria-label, aria-live, role
• ustream: title, autoplay, width, height, style, class, id, tabindex, aria-label, aria-live, role
• vidyard: title, autoplay, width, height, style, class, 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: elementos de cabeçalho

Referência do BBCode

Redirecionando para itens

Redirecione para um Smart Walk-Thru, recurso ou pesquisa:
[swt=xxxxx]Clique aqui[/swt]
[resource=xxxxx]Clique aqui[/resource]
[survey=xxxxx]Clique aqui[/survey]

Redirecionar do Smart Walk-Thru para uma etapa específica ou Smart Walk-Thru:
[trg=xxxxx]Clique aqui[/trg]

Adicionando texto dinâmico

[wm-data]key123[/wm-data]
[var]variável123[/var]
[jquery]jquery123[/jquery]
[cookie]cookie123[/cookie]

Adicionando uma imagem

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

Formatação de texto

Negrito: [b]texto[/b]
Sublinhado: [u]texto[/u]
Itálico: [i]texto[/i]
Tachado: [s]texto[/s]
Cor da fonte: [color=red]texto[/color]
Tamanho do texto: [size=19]texto[/size]

Elementos HTML

Div: [div]texto[/div]
Span: [span]texto[/span]
Cabeçalhos: [h2]texto[/h2] [h3]texto[/h3] [h4]texto[/h4] [h5]texto[/h5] [h6]texto[/h6]

Listas de marcadores

[ul]

[li]Um[/li]

[li]Dois[/li]

[li]Três[/li]

[/ul]

Links

Link padrão:
[url=http://www .walkme.com]Site da WalkMe[/url]

Link que abre em uma nova guia:
[url=http://www.walkme.com , target="blank"]Site do WalkMe[/url]

Link para um endereço de e-mail:
[url=mailto:support@example .com]support@example.com[/url]

Link para um endereço de e-mail com uma linha de assunto:
[url=mailto:email@address].com=""/>Exibir texto[/url]

Reprodução automática de um vídeo

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