var dropdownList = function(context) {
  var ui = $.summernote.ui;
  var teamList = ui.buttonGroup([
    ui.button({
                className: 'dropdown-toggle',
                contents: '<span class="fa fa-smile-o">Teams</span> <span class="caret"></span>',
                tooltip: "Lista dipendenti",
                data: {
                  toggle: 'dropdown'
                }
              }),
              ui.dropdown({
                className: 'dropdown-style',
                contents: "<ol><li>Alessandro</li><li>Bruno</li><li>Vladimir</li></ol>",
                callback: function ($dropdown) {
                    $dropdown.find('li').each(function () {
                      $(this).click(function() {
                        context.invoke("editor.insertText", $(this).html());
                      });
                    });
                }
              })
    ]);
  return teamList.render();
}
$(document).ready(function() {
  $('#summernote').summernote({
    toolbar: [
      ['style', ['highlight', 'bold', 'italic', 'underline', 'clear']],
      ['font', ['strikethrough', 'superscript', 'subscript']],
      ['para', ['ul', 'ol', 'paragraph']],
      ['view', ['codeview']]
    ],
    buttons: {
      highlight: dropdownList
    }
  });
});