Udostępnij przez

Dodawanie elementu iFrame do rozszerzenia narzędzia

  • Dotyczy: ✅ Windows Admin Center, ✅ Windows Admin Center Preview

W tym artykule dodamy element iFrame do nowego, pustego rozszerzenia narzędzia utworzonego za pomocą interfejsu wiersza polecenia programu Windows Admin Center.

Przygotowywanie środowiska

Jeśli jeszcze tego nie zrobiłeś, postępuj zgodnie z instrukcjami w dotyczącymi opracowania rozszerzenia narzędzia, aby przygotować środowisko i utworzyć nowe, puste rozszerzenie narzędzia.

Dodawanie modułu do projektu

Dodaj nowy pusty moduł do projektu, do którego dodamy element iFrame w następnym kroku.

Dodawanie elementu iFrame do modułu

Teraz dodamy element iFrame do tego nowego, pustego modułu, który właśnie utworzyliśmy.

W folderze \src\app przejdź do folderu modułu, a następnie otwórz plik {!module-name}.component.html, który znajduje się przy użyciu następującej konwencji nazewnictwa:

Value Explanation Przykładowa nazwa pliku
{!module-name} Nazwa modułu (małe litery, spacje zastąpione kreskami) manage-foo-works-portal.component.html

Dodaj następującą zawartość do pliku HTML:

<div>
  <iframe  style="height: 850px;" src="https://www.bing.com"></iframe>
</div>

To wszystko, dodałeś element iFrame do swojego rozszerzenia. Następnie możesz zbudować i zainstalować z boku swoje rozszerzenie w Centrum administracyjnym systemu Windows, aby zobaczyć wyniki.

Note

Ustawienia zasad zabezpieczeń zawartości (CSP) mogą uniemożliwić renderowanie niektórych witryn w ramce iFrame w centrum administracyjnym systemu Windows. Więcej informacji na ten temat można znaleźć tutaj.

  • Last updated on