Benutzeroberflächen von Editor-Add-ons
Editor-Add-ons ermöglichen die Nutzerinteraktion über benutzerdefinierte Menüs, Dialogfelder und Seitenleisten. Unter den folgenden Links finden Sie Informationen zum Erstellen dieser Arten von Benutzeroberflächen.
Add-on-Menüs werden mit dem UI-Dienst von Apps Script erstellt.
Menüpunkte sind ein guter Ausgangspunkt für die Verwendung Ihres Add-ons. Sie müssen sie jedoch so gestalten, dass der Autorisierungszyklus des Add-ons berücksichtigt wird.
Seitenleisten und Dialogfelder werden mit dem HTML-Dienst von Apps Script erstellt. Mit diesem Dienst können Sie die Benutzeroberfläche mit HTML und CSS strukturieren und gestalten.
Weitere Informationen finden Sie unter HTML erstellen und bereitstellen.
- Sie können auch Client-Server-Kommunikationsaufrufe einrichten, damit Nutzeraktionen in der Benutzeroberfläche zu Aktionen auf den Google-Servern führen, auf denen sich die Editordatei befindet, oder umgekehrt.
- Apps Script bietet außerdem eine Vorlagensyntax, die das Erstellen dynamischer Benutzeroberflächen vereinfacht.
Wenn Sie HTML-Benutzeroberflächen für Editor-Add-ons erstellen, sollten Sie das CSS-Paket für Editor-Add-ons verwenden, damit Ihr Add-on dem Erscheinungsbild der erweiterten Google Workspace-Editoren entspricht.
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2025-02-16 (UTC).
[null,null,["Zuletzt aktualisiert: 2025-02-16 (UTC)."],[[["Editor add-ons enhance user interaction with custom menus, dialogs, and sidebars, built using Apps Script's UI and HTML services."],["Add-on menus initiate add-on usage and should be designed considering the add-on authorization lifecycle."],["Sidebars and dialogs, created with HTML service, allow for defining the add-on's interface structure and appearance using HTML, CSS, and client-server communication for dynamic interactions."],["The Editor add-on CSS package ensures visual consistency with Google Workspace editors."]]],["Editor add-ons allow user interaction via custom menus, dialogs, and sidebars. Menus, built with the Ui service, serve as starting points, requiring design consideration for the add-on authorization lifecycle. Sidebars and dialogs, created using the HTML service, utilize HTML and CSS for interface design. Client-server communication enables actions on the server based on user interface interactions. The editor add-on CSS package maintains a consistent look and feel with Google Workspace editors. Dynamic interface creation is supported via a template syntax.\n"]]
