バージョンv0.8.1のドロップダウンリストでSummernoteカスタムボタンを作成し、ボタンに属性を追加する方法

Question

夏のメモv0.8.1でカスタムボタン（ドロップダウンリスト付き）を作成しようとしています。

私は以前は正常に動作していた古いバージョンを使用していましたが、新しいバージョンではドロップダウンリストボタンを作成する方法がわかりません。

カスタムボタンに属性を追加する際に助けてください。

Answer 1

https://github.com/summernote/summernote/issues/1611を見ましたか？

私はちょうど（角を使用して）v0.8.1との2つのボタンとドロップダウンを実現し、私はドロップダウン内にあるこれらの2つのボタンにカスタムHTMLを記述する必要があります。

$scope.summernoteOptions = { 
buttons: { 
    dropdownExample: function dropdownExample(context) { 
     var pdfButton = ui.buttonGroup([ 
     ui.button({ 
      className: 'dropdown-toggle', 
      contents: '<span class="fa fa-file-pdf-o"></span> <span class="caret"></span>', 
      tooltip: 'Your tooltip', 
      data: { 
      toggle: 'dropdown' 
      } 
     }), 
     ui.dropdown({ 
      className: 'drop-default summernote-list', 
      contents: '<div class="btn-group">' + 
      '<button type="button" class="btn btn-default btn-sm" title="PDF 1"><i class="fa fa-file-pdf-o"></i>PDF 1</button>' + 
      '<button type="button" class="btn btn-default btn-sm" title="PDF 2"><i class="fa fa-file-pdf-o"></i>PDF 2</button></div>', 
      callback: function($dropdown) { 
      $dropdown.find('.btn').click(function() { 
       context.invoke('editor.insertText', 'text'); 
      }); 
      } 
     }) 
     ]); 

     return pdfButton.render(); // jquery object 
    } 
} 

}