# Tworzenie wtyczki panelu HTML

![](https://1795299519-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGqJ6eQNIO6hR4lUfv3kq%2Fuploads%2Fgit-blob-3bb1de8a008afea600478f2e696fc65a3cf61d22%2FPANEL%20BASED%20PLUGIN.gif?alt=media)

Wtyczka oparta na panelu, która wyświetla stronę HTML, ma plik *manifest.json* o następującej strukturze:

```
{
    "PluginName": "Hello Block!",
    "PluginType": "Panel",
    "PluginDescription": "Creates a panel with an HTML form that allows dimensional input for a 3D block which will get generated at the world origin.",
    "Scripts": [
        "PLUGINLOCATION/block.js"
    ],
    "Panel": "PLUGINLOCATION/hello_block.html",
    "PanelIcon": "PLUGINLOCATION/hello_block.png"
}               
```

Oprócz [standardowych właściwości JSON](https://windows.help.formit.autodesk.com/pl/plugins/how-to-develop-plugins/advanced-development/general-plugin-setup-in-the-manifest) wtyczka oparta na panelu zawiera następujące specjalne właściwości JSON:

* „Panel” — informuje program FormIt, że ta wtyczka jest panelem i zapewnia połączenie z położeniem pliku HTML, który powinien zostać wczytany do panelu.
* Plik HTML musi mieć w nagłówku łącza do odpowiednich plików JavaScript, jak również do pliku CSS, za pomocą którego zostaną przypisane style.
* Plik HTML będzie renderowany w panelu programu FormIt tak jak w przeglądarce.
* Przykłady zaawansowanych interfejsów HTML można znaleźć w naszej [organizacji FormIt3D](https://github.com/FormIt3D/).
* „PanelIcon” — definiuje ikonę tej wtyczki, która ma być wyświetlana na karcie po prawej stronie aplikacji. Jeśli nie jest zdefiniowana, program FormIt tworzy automatyczną ikonę, używając pierwszych liter wyrazów z nazwy wtyczki.

Po skonfigurowaniu plików HTML, CSS i JavaScript można rozpocząć testowanie wtyczki panelu HTML, [wczytując ją lub instalując](https://windows.help.formit.autodesk.com/pl/plugins/advanced-development/setting-up-formit-for-development#load-vs.-install).