Можно ли добавить пользовательскую кнопку на панели инструментов компонента в AEM?

Question

В режиме редактирования AEM 6.5, если я нажму на компонент, появится всплывающая панель инструментов выше. Помимо добавления диалога (кнопка гаечного ключа) путем создания узла cq: dialog в CRXDE, можете ли вы создать пользовательскую кнопку на панели инструментов? Если да, то какие рабочие примеры я могу найти в Интернете?

Answer 1

Да, вы можете сделать это.

Вам потребуется создать пользовательскую клиентскую библиотеку с файлом JS, который регистрирует кнопку на панели инструментов:

(function ($document, author) {
    var openDialog = {
        icon: 'coral-Icon--game',
        text: 'Open Dialog',
        handler: function (editable, param, target) {
            author.DialogFrame.openDialog(new author.edit.Dialog(editable));
        },
        condition: function (editable) {
            //show this action only for component type eaem-touchui-open-comp-dialog-register-action/touchui-open-component-dialog
            return editable.type === "eaem-touchui-open-comp-dialog-register-action/touchui-open-component-dialog";
        },
        isNonMulti: true
    };

    $document.on('cq-layer-activated', function (ev) {
        if (ev.layer === 'Edit') {
            author.EditorFrame.editableToolbar.registerAction('EAEM_OPEN_DIALOG', openDialog);
        }
    });
})($(document), Granite.author);

Вы можете настройте значок, текст, поведение кнопки и решите, для каких компонентов будет видна эта настройка панели инструментов.

источник