Agregar un iFrame a una extensión de herramienta

Se aplica a: Windows Admin Center, versión preliminar de Windows Admin Center

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í.