DokumentationAEM GuidesDokumentation zu AEM Guides

Symbolleiste und Symbolleiste anpassen

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Benutzende
  • Admin

Um die topbar und toolbar anzupassen, verwenden wir die IDs: topbar oder toolbar und folgen derselben Ansicht, der Controller-Struktur.

Nachfolgend finden Sie ein triviales Beispiel für die Anpassung der Symbolleiste. In unserem Beispiel haben wir die Schaltfläche Insert Numbered List entfernt und die Schaltfläche Insert Paragraph mit unserer eigenen Komponente durch einen benutzerdefinierten Klick-Handler ersetzt.

const toolbarExtend = {
    id: "toolbar",
    view: {
        items: [
            {
                component: "div",
                target: {
                    key:"title",value: "Insert Numbered List",
                    viewState: VIEW_STATE.REPLACE
                }
            },
            {
                {
                    "component": "button",
                    "icon": "textParagraph",
                    "variant": "action",
                    "quiet": true,
                    "title": "Insert Paragraph",
                    "on-click": "INSERT_P"
                },

                target: {
                    key:"title",value: "Insert Paragraph",
                    viewState: VIEW_STATE.REPLACE
                }
            },
        ]
    },
    controller: {

        INSERT_P(){
            this.next("AUTHOR_INSERT_ELEMENT",  "p" )
        }
    }
}
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178