コンポーザーオプションのような独自のドロップダウン（popupMenu）を追加する方法

開発
1

コンポーネントのテーマに次のコードを追加し、コンポーザーに新しい popupMenu が表示されることを期待していました。

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

ここで options の歯車が追加されるコードを参考にすれば機能すると思っていました。

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

image
image719×394 69.6 KB

crud グループで追加のボタンを作成し、デフォルトのオプションのように独自のドロップダウンに表示できると思っていました。これは可能ですか？独自の popupMenu にオプションを設定してバインドする方法の例を教えていただけますか？

「いいね！」 2
2

現時点では、JavaScriptプラグインAPIでセカンダリドロップダウンメニューを簡単に追加できるように設定されていないと思います。私が思いつくツールバーのカスタマイズはすべて、既存のドロップダウンにオプションを追加するだけでした。

何かをレンダリングするには、groupを"extras"に変更する必要があります。グループはハードコードされており、コンポーザーボタンのさまざまなセクションに関連しています。

注意すべきもう1つの点は、選択したiconをテーマコンポーネントまたはsvg icon subsetサイト設定を通じて追加する必要があることです。

それを超えると、かなり未知の領域に足を踏み入れていることになります。

「いいね！」 4
4

なるほど、グループセクションについてはよくわかりました。

グループを extras に戻したところ、表示されるようになりましたが、既存のオプションの歯車ドロップダウンと同じメニューに表示されてしまいます。

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

これはプラグイン API に追加できる機能でしょうか？ 既存のオプション ドロップダウンとは独立して、独自のドロップダウンにカスタム項目を追加する機能です。コンポーザーに追加したいオプションが増えてきて、少し散らかってきているので、これは便利だと思います :slight_smile:

「いいね！」 2
Add the ability to create your own dropdown menu and add custom items in the composer
5

どのように役立つかは完全に理解できます！Feature トピックを開いていただいたのは完璧です。これにより、関心度を追跡し、将来的に実現できるようになることを願っています。

「いいね！」 4
6

@tshenry 様、ご確認いただきありがとうございます！

「いいね！」 3