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

🔧 propriété · ℹ️ information · ⚙️ méthode · ⚡ évènement · 🔒 lecture seule

Propriétés

Contenu

this.properties.content · string · défaut '' · {{jokerable}}

Contenu HTML. Peut être complété par des jokers.

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.

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.

Informations

Accessibles par script, via this dans un script de l’acteur ou context.getActor('clé') depuis un autre acteur.

Contenu complété

this.completedContent · 🔒 lecture seule · String

Le texte une fois 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.

Hérite de

Outre ce qui est décrit ici, l’acteur a tout ce que décrit l’acteur de base : propriétés communes (taille, disposition, aspect, texte, bordures, effets…), évènements communs (cycle de vie, souris, clavier…) et membres accessibles par script.

Il hérite aussi de :

  • JokerableContent (comportement) : Étend la classe pour permettre d’ajouter des jokers sur un contenu. Par défaut sur properties.content. Le valeur d’un joker est obtenue sur l’additionnelle de même clé.

Presets

Icône

Un preset 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.