> For the complete documentation index, see [llms.txt](https://windows.help.formit.autodesk.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://windows.help.formit.autodesk.com/de/plugins/how-to-develop-plugins/additional-development-options/creating-an-html-panel-plugin.md).

# Erstellen eines HTML-Gruppen-Plugins

![](/files/I3ljvspd1OV9j6GYgP3g)

Ein gruppenbasiertes Plugin, das eine HTML-Seite anzeigt, verfügt über eine *manifest.json*-Datei mit der folgenden Struktur:

```
{
    "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"
}               
```

Zusätzlich zu den [Standard-JSON-Eigenschaften](/de/plugins/how-to-develop-plugins/advanced-development/general-plugin-setup-in-the-manifest.md) enthält ein gruppenbasiertes Plugin die folgenden speziellen JSON-Eigenschaften:

* Panel weist FormIt an, dass es sich bei diesem Plugin um eine Gruppe handelt, und verweist auf den Speicherort der HTML-Datei, die in diese Gruppe geladen werden soll.
* Die HTML-Datei benötigt im Header Links zu den entsprechenden JavaScript-Dateien sowie zu einer CSS-Datei für die Stilzuweisung.
* Die HTML-Datei wird in der FormIt-Gruppe wie in einem Browser gerendert.
* Beispiele für komplexe HTML-Schnittstellen finden Sie in unserer [FormIt3D-Organisation](https://github.com/FormIt3D/).
* PanelIcon definiert ein Symbol für dieses Plugin, das auf der Registerkarte auf der rechten Seite der Anwendung angezeigt wird. Wenn nicht definiert, erstellt FormIt ein automatisches Symbol mit den Initialen aus dem Namen des Plugins.

Sobald Ihre HTML-, CSS- und JavaScript-Dateien konfiguriert sind, können Sie mit dem Testen des HTML-Gruppen-Plugins beginnen, indem Sie es [laden oder installieren](https://windows.help.formit.autodesk.com/de/plugins/how-to-develop-plugins/additional-development-options/pages/fnpLUeT69RNNwoZDOObN#load-vs.-install).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://windows.help.formit.autodesk.com/de/plugins/how-to-develop-plugins/additional-development-options/creating-an-html-panel-plugin.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
