Agregar un iFrame a una extensión de herramienta
En este artículo, se va a agregar un elemento iFrame a una nueva extensión de herramienta vacía que se ha creado con la CLI de Windows Admin Center.
Preparación del entorno
Si aún no lo ha hecho, siga las instrucciones de Desarrollar una extensión de herramienta para preparar el entorno y crear una nueva extensión de herramienta vacía.
Adición de un módulo al proyecto
Agregue un nuevo módulo vacío al proyecto, al que agregaremos un elemento iFrame en el paso siguiente.
Incorporación de un elemento iFrame al módulo
Ahora agregaremos un elemento iFrame a ese nuevo módulo vacío que acabamos de crear.
En \src\app, vaya a la carpeta del módulo y abra el archivo {!module-name}.component.html, que se encuentra con la siguiente convención de nomenclatura:
| Value | Explicación | Por ejemplo, nombreDeArchivo. |
|---|---|---|
{!module-name} |
El nombre del módulo (en minúsculas, espacios reemplazados por guiones) | manage-foo-works-portal.component.html |
Agregue el siguiente contenido al archivo HTML:
<div>
<iframe style="height: 850px;" src="https://www.bing.com"></iframe>
</div>
Es decir, ha agregado un elemento iFrame a la extensión. A continuación, puede compilar y transferir localmente la extensión en Windows Admin Center para ver los resultados.
Nota
La configuración de la directiva de seguridad de contenido (CSP) podría impedir que algunos sitios se representarán en un elemento iFrame dentro de Windows Admin Center. Puede obtener más información sobre ellas aquí.