Symbolleiste und Symbolleiste anpassen
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