Ajouter un élément iFrame à une extension d’outil
Dans cet article, nous allons ajouter un iFrame à une nouvelle extension d’outil vide que nous avons créée avec l’interface CLI Windows Admin Center.
Préparation de votre environnement
Si ce n’est pas déjà fait, suivez les instructions décrites dans Développer une extension d’outil pour préparer votre environnement et créer une extension d’outil vide.
Ajouter un module à votre projet
Ajoutez un nouveau module vide à votre projet, auquel nous ajouterons un iFrame à l’étape suivante.
Ajouter un iFrame à votre module
Nous allons maintenant ajouter un iFrame à ce nouveau module vide que nous venons de créer.
Dans \src\app, accédez au dossier de votre module, puis ouvrez le fichier {!module-name}.component.html, trouvé avec la convention de nommage suivante :
| Valeur | Explication | Exemple de nom de fichier |
|---|---|---|
{!module-name} |
Le nom de votre module (en minuscules, les espaces sont remplacés par des tirets) | manage-foo-works-portal.component.html |
Ajoutez le contenu suivant au fichier HTML :
<div>
<iframe style="height: 850px;" src="https://www.bing.com"></iframe>
</div>
Voilà, vous avez ajouté un iFrame à votre extension. Ensuite, vous pouvez générer et charger latéralement votre extension dans Windows Admin Center pour voir les résultats.
Notes
Les paramètres de stratégie de sécurité de contenu peuvent empêcher le rendu de certains sites dans un iFrame au sein du Windows Admin Center. Vous pouvez en apprendre davantage à ce propos ici.