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]