Elementos y atributos compatibles de BBCode

Last Updated junio 2, 2026

Breve descripción general

WalkMe admite BBCode en globos para añadir formato, contenido dinámico, enlaces, medios y más. Este artículo cubre todos los elementos de BBCode compatibles, sus atributos disponibles y cómo escribir el código.

Elementos y atributos compatibles

  • table: 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: título, estilo, clase, id, tabindex, aria-label, aria-live, rol, ancho, alto
  • span: título, estilo, clase, id, tabindex, aria-label, aria-live, rol, ancho, alto
  • iframe: título, estilo, clase, id, tabindex, aria-label, aria-live, rol, ancho, alto
  • youtube: título, reproducción automática, ancho, altura, estilo, clase, id, tabindex, aria-label, aria-live, rol
  • vimeo: título, reproducción automática, ancho, alto, estilo, clase, id, tabindex, aria-label, aria-live, rol
  • wistia: título, reproducción automática, ancho, alto, estilo, clase, id, tabindex, aria-label, aria-live, role
  • ustream: título, reproducción automática, ancho, altura, estilo, clase, id, tabindex, aria-label, aria-live, role
  • vidyard: título, reproducción automática, ancho, alto, estilo, clase, id, tabindex, aria-label, aria-live, role
  • url: title, channelmode, directorios, pantalla completa, izquierda, superior, destino, ubicación, barra de menú, redimensionable, barras de desplazamiento, estado, barra de título, barra de herramientas, ancho, altura, estilo, clase, id, tabindex, aria-label, aria-live, role
  • img: title, alt
  • b: título
  • u: título
  • i: título
  • ul: título
  • li: título
  • h2 h3 h4 h5 h6: elementos de encabezado

Referencia de BBCode

Redirigiendo a elementos

Redirige a un Smart Walk-Thru, recurso o encuesta:
[swt=xxxxx]Haz clic aquí[/swt]
[resource=xxxxx]Haz clic aquí[/resource]
[survey=xxxxx]Haz clic aquí[/survey]

Redirige de un Smart Walk-Thru a un paso específico o Smart Walk-Thru:
[trg=xxxxx]Haz clic aquí[/trg]

El número de activador debe ser único.

Añadir texto dinámico

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

Añadir una imagen

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

Define siempre un tamaño para evitar que la imagen rompa el diseño de la burbuja.

Formato del texto

Negrita: [b]texto[/b]
Subrayado: [u]texto[/u]
Cursiva: [i]texto[/i]
Tachado: [s]texto[/s]
Color de fuente: [color=red]texto[/color]
Tamaño del texto: [size=19]texto[/size]

Elementos HTML

Div: [div]texto[/div]
Span: [span]texto[/span]
Encabezados: [h2]texto[/h2] [h3]texto[/h3] [h4]texto[/h4] [h5]texto[/h5] [h6]texto[/h6]

Listas de viñetas

[ul]

[li]Uno[/li]

[li]Dos[/li]

[li]Tres[/li]

[/ul]

Enlaces

Enlace estándar:
[url=http://www .walkme.com]Sitio web de WalkMe[/url]

Enlace que se abre en una nueva pestaña:
[url=http://www.walkme.com , target="blank"]Sitio web de WalkMe[/url]

La URL debe incluir http:// o https://.

Enlace a una dirección de correo electrónico:
[url=mailto:support@example .com]support@example.com[/url]

Enlace a una dirección de correo electrónico con una línea de asunto:
[url=mailto:email@address].com=""/>Mostrar texto[/url]

Reproducción automática de un vídeo

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

Was this article helpful?

Thanks for your feedback!

Be part of something bigger.

Engage with peers, ask questions, share ideas

Explore our community
×