如何在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

我不是，如果我理解正確的話發售者，但如果你需要在Full Featured Example水平線這樣的 - （在降下拉菜單格式） - 在下標和格式之前，解決方案在API中：插入|在菜單項之間的管道字符。

也許在你的情況下，你可以重寫代碼來匹配模式here並應用| 。