HTML

L’acteur HTML permet d’intégrer du code HTML et CSS dans votre scène.

C’est un acteur très pratique pour mettre en forme du texte, ou ajouter des classe CSS par exemple.

Sommaire

Son contenu est jokerable.

Propriétés spécifiques

Contenu

Jokerable

Cette propriété permet de définir du contenu HTML de l’acteur.

Exemple :

<div style="background-color: red;">
    <p>
        Ceci est <i>un</i> <b>paragraphe</b>.
    </p>
</div>

Résultat :

Ceci est un paragraphe.

Jokerable

Il est possible de placer des jokers (ex.: {{jokerKey}}) dans le contenu qui seront remplacés par la valeur d’additionnelles de même clé.

Par exemple :

<div style="background-color: {{theColor}};">
    <p>
        Ceci est un paragraphe.
    </p>
</div>

Une additionnelle de clé theColor de type couleur remplacera le joker par sa valeur.

💡 ASTUCE
S’il est possible d’ajouter du style CSS avec une balise HTML <style>, il n’est par contre pas possible d’ajouter du code Javascript. Pour cela, il faut utiliser les évènements de l’acteur.

Pour vous aider : La documentation concernant les jokers et leurs utilisations peut être trouvée à cette adresse.

Chemin d’accès depuis l’acteur properties.content ⚡ Doc Script API

Champs d’informations

Contenu complété

Le champs d’information contenu complété est le texte résultant une fois les jokers remplacés par les valeurs des additionnelles.

Variantes

Icône

Une variante de l’acteur HTML offrant la possibilité d’intégrer une icône choisie parmi les icônes intégrées à Synapps.

Le contenu de l’acteur est complété par une additionnelle icône.