トップバーとツールバーのカスタマイズ

Last update: Fri Jan 12 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

User
Admin

をカスタマイズするには topbar および toolbarを使用する場合、次の id を使用します。 topbar または toolbar、同じビュー、コントローラ構造に従います。

次に、ツールバーのカスタマイズの簡単な例を示します。ここで、 Insert Numbered List ボタンをクリックし、 Insert Paragraph ボタンを使用し、カスタマイズされたオンクリックハンドラーを使用してアドビのコンポーネントに追加します。

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