TinyMCEドロップダウンメニューにセパレータを追加するには

Question

WordPressプラグインで作業しています。クリックするとドロップダウンメニューを表示するTinyMCEボタンを追加できます。しかし、そのドロップダウンメニューに横のセパレータ（つまり、水平線）を追加して、オプションをグループ化したいと思います。

私はこれをしばらくお待ちしており、唯一の情報は、メニュー自体のボタンの間に縦のセパレータ（縦線）を追加することです。

TinyMCEのドロップダウンメニューに横のセパレータを追加することはできますか？もしそうなら、私はどのようにすればいいですか？または、これらの他の項目をサブメニューを使用してグループ化する唯一の選択肢はありますか？

  ed.addButton('d12-mb-button-2', { 
      title:'Add a message block with a custom title', 
      type:'menubutton', 
      image: url + '/d12-mb-mce-button-2.png', 
      menu: [ 
        { 
        text: 'Part of a series', 
        value: 'Part', 
        icon: 'icon d12mb-part', 
        onclick: function() { 
         ed.windowManager.open({ 
          title: 'Please enter the data for this message box', 
          body: [{ 
           type: 'textbox', 
           name: 'title', 
           label: 'This series of articles is about:' 
          }, 
          { 
           type: 'textbox', 
           minHeight: 200, 
           minWidth: 400, 
           multiline: 'true', 
           name: 'description', 
           label: 'Description of this series:' 
          } 
          ], 
          onsubmit: function(epart) { 
           ed.selection.setContent('[d12-part series="' + epart.data.title + '"]' + epart.data.description + '[/d12-part]'); 
          } 
         }); 
        } 
       }, // End of "Part" 
       { 
        text: 'Add a support message', 
        value: 'Support', 
        icon: 'icon d12mb-support', 
        onclick: function() { 
         ed.windowManager.open({ 
          title: 'Please enter the support information', 
          body: [{ 
           type: 'textbox', 
           name: 'title', 
           label: 'Support title:' 
          }, 
          { 
           type: 'textbox', 
           minHeight: 200, 
           minWidth: 400, 
           multiline: 'true', 
           name: 'description', 
           label: 'Support message:' 
          } 
          ], 
          onsubmit: function(esupport) { 
           ed.selection.setContent('[d12-support title="' + esupport.data.title + '"]' + esupport.data.description + '[/d12-support]'); 
          } 
         }); 
        } 
       }, // End of "Support" 

「部品の終わり」の項目の直後に水平のセパレータを追加する必要があります。ドロップ（ -

（FWIWは、私が働いているファイル全体がhereである。）

Answer 1

私が見つけたすべてのドキュメントは、メニューバーのアイコンのグループの間に垂直のセパレータを挿入するためのものです。ドロップダウンメニューでアイテムのグループ間に水平セパレータを追加する情報が見つかりませんでした。

    { 
        text: '|' 
       }, 

水平のセパレータを追加します。

はしかし、多くの実験の後、私はこのコードがあることを発見しました。

Answer 2

私が正しくあなたを理解していれば、私はsuerないんだけど、あなたはFull Featured Exampleにこのような水平線が必要な場合 - ダウンメニュー形式） - 添字の後で形式の前に、ソリューションはAPIにあります：a |メニュー項目間のパイプ文字。

場合によっては、コードhereと一致するようにコードを書き換えて、適用することができます。 。