Código HTML#

Tu propio HTML con scripts y estilos dentro del elemento: una calculadora, el widget de un servicio, una maquetación propia. El elemento se coloca en un área de la pantalla junto a otros elementos. Si tu código debe ocupar toda la pantalla, elige el tipo de pantalla «Código HTML».

Configuración#

• «Código»: HTML de hasta 100 000 caracteres. Los scripts y los estilos van dentro del código. Un elemento nuevo trae un ejemplo en el código: el título «¡Hola!» y una línea de texto.
• «Altura»: «Ajustar al contenido»: se adapta al código, también cuando el propio código cambia su contenido. «Fija»: de 40 a 2000 píxeles; lo que no cabe se desplaza dentro del elemento.
• «Salidas»: hasta 20. Una salida tiene una «Clave» (letras latinas, cifras, _ y -) y un «Nombre en el esquema». El código llama a una salida por su clave: app.event('next').
• «Variables que el código puede escribir»: hasta 50 nombres. El servidor no acepta otras.

Bajo la configuración está la referencia «Disponible para el código».

Cómo funciona el código#

El código se ejecuta en un marco aislado: la sesión, los datos de la app y el resto de la pantalla no están a su alcance. El marco toma el color del texto del tema de la app. En el editor de pantallas, el marco muestra el resultado y se reinicia tras editar el código; en el esquema, en lugar del código se muestra un marcador.

Qué se puede llamar desde el código (app.event, app.variables.set, el almacenamiento localStorage, app.openLink) y cómo insertar una variable directamente en el código se describe en la página Código en la app.

Salidas#

Cada salida de «Salidas» es una salida de la pantalla con el nombre que definiste (sin nombre, con la clave). Junto con la transición, el código puede escribir las variables permitidas: app.event('use', {bonusUsed: '350'}).