Wie füge ich mein eigenes Dropdown (PopupMenu) wie die Composer-Optionen hinzu?

Ich habe den folgenden Code zu meiner Theme-Komponente hinzugefügt und erwartet, dass ein neues popupMenu im Composer erscheint.

api.onToolbarCreate(toolbar => {
  toolbar.addButton({
      id: "align_center_button",
      group: "crud",
      icon: "align-center",
      popupMenu: true
  });
});

Ich dachte, ich könnte dem Code hier folgen, wo das options-Zahnrad hinzugefügt wird, und es würde funktionieren.

        toolbar.addButton({
          id: "options",
          group: "extras",
          icon: "cog",
          title: "composer.options",
          sendAction: this.onExpandPopupMenuOptions.bind(this),
          popupMenu: true,
        });

image719×394 69.6 KB

Ich dachte, ich könnte zusätzliche Schaltflächen mit der Gruppe crud erstellen und sie würden in ihrem eigenen Dropdown wie die Standardoptionen angezeigt werden. Ist das möglich? Könnte ich ein Beispiel dafür bekommen, wie man Optionen für sein eigenes popupMenu einrichtet und bindet?

Ich glaube nicht, dass unsere JavaScript-Plugin-API so eingerichtet ist, dass es einfach ist, zu diesem Zeitpunkt ein sekundäres Dropdown-Menü hinzuzufügen. Die Toolbar-Anpassungen, die mir einfallen, haben alle nur Optionen zum bestehenden Dropdown hinzugefügt.

Um etwas zum Rendern zu bringen, müssten Sie Ihre group in "extras" ändern. Die Gruppen sind fest kodiert und beziehen sich auf die verschiedenen Abschnitte der Composer-Schaltflächen.

Das andere, worauf Sie achten müssen, ist, dass das von Ihnen gewählte icon über Ihre Theme-Komponente oder die svg icon subset-Site-Einstellung hinzugefügt werden muss.

Darüber hinaus fürchte ich, dass Sie sich in relativ unbekanntes Gebiet wagen.

Ah okay, das ergibt für die Gruppenabschnitte viel Sinn.

Ich habe die Gruppe wieder in „Extras“ geändert und jetzt wird sie angezeigt, aber jetzt zusammen mit dem vorhandenen Zahnrad-Dropdown mit den Optionen im selben Menü.

api.onToolbarCreate(toolbar => {
  toolbar.addButton({
      id: "align_center_button",
      group: "extras",
      icon: "align-center",
      popupMenu: true
  });
});

Wäre dies eine mögliche Funktion, die der Plugin-API hinzugefügt werden könnte? Die Möglichkeit, benutzerdefinierte Elemente zu einem eigenen Dropdown hinzuzufügen, unabhängig vom vorhandenen Options-Dropdown. Ich könnte mir vorstellen, dass dies nützlich wäre, da unsere Composer-Oberfläche mit all den zusätzlichen Optionen, die wir haben möchten, etwas überladen aussieht

Ich verstehe vollkommen, wie nützlich das sein könnte! Ich sehe, dass Sie ein #feature-Thema eröffnet haben, was perfekt ist. Das wird uns helfen, das Interesse zu verfolgen und es hoffentlich irgendwann in der Zukunft zu ermöglichen.

Danke @tshenry, ich weiß es zu schätzen, dass Sie sich darum kümmern!