NB : il s'agit d'une nouveauté très importante.

Qu'est-ce qu'un widget DGPad ?

Il s'agit d'un élément ayant son propre type, qui est interfacé avec DGPad.

Les widget peuvent être  :

  • de type rendu HTML;
  • de type script DGPad;
  • de type rendu TeX;
  • de type valeur d'une expression.

 Voici comment ça marche :


* On passe en mode widget en activant l'interrupteur widget en forme de console.

 

* On arrive alors à une fenêtre avec un bouton Nouveau widget qui permet de créer un nouveau widget.

 

Cette fenêtre est un panneau des propriétés de rendu du widget.

Sauf cas particulier, le widget a pour effet d'afficher quelque chose dans un cadre.

Le curseur Précision contrôle la précision de ce qui sera affiché dans le cadre.

Les autres curseurs concernent l'encadrement lui-même :

  • couleur
  • opacité
  • épaisseur de la bordure
  • rayon de bordure (border-radius).

On peut alors créer un nouveau widget et on obtient une console widget :

widget

 

Par défaut, le widget que l'on vient de créer est de type HTML. Les trois boutons permettent de changer de type.

widget de type rendu HTML

Il s'agit de HTML au sens large, du texte simple est aussi accepté. On peut écrire par exemple un texte simple comme "DGPad".

texteSimple

 

En validant, on obtient ceci :

 

Autrement dit, on obtient du texte avec l'encadrement choisi du widget.

Cet exemple n'a aucun intérêt en soi, mais montre le fonctionnement général d'un widget dans le cas le plus simple possible.

On peut noter les choses suivantes :

  • Le cadre se modifie au fur et à mesure qu'on tape dans la zone d'édition.
  • Quand on tape dans le cadre texte d'édition, c'est en manipulation directe avec la figure : désigner un objet géométrique place son nom à l'endroit du curseur.
  • La dimension de la zone de texte peut être modifiée en tirant le coin inférieur droit.

Utilisons maintenant du véritable code HTML, que l'on peut styler en CSS.

 

C'est déjà plus intéressant.
Comme indiqué dans le panneau des propriétés de rendu du widget, il faut cliquer sur un widget (dans la bordure) pour modifier le widget (et voir son code).

A titre amusant, on peut insérer un tag form DGPad.


 Voire réitérer la procédure pour obtenir ceci :

 

De la même façon, on peut insérer une vidéo par iframe :

 

On peut aussi insérer des liens :

 

Et on peut aussi inclure des scripts dans le code HTML et obtenir ceci :

 

Mais il sera sans doute plus pertinent d'utiliser des scripts plus mathématiques, comme ceux des widgets WolframAlpha :

 

Voilà. Ce thème est loin d'être épuisé, mais on va passer à un autre type de widget : le widget de type TeX. A suivre...