Question

我正在尝试创建一个more自定义下拉列表，用于在激活toolbarXS时添加其下的所有工具栏按钮（XS中所有缺少的图标都应位于more下拉列表下方。遗憾的是，文档并不那么明确，只输出文本选项，除了显示之外什么都不做。

我想知道是否有人可以帮忙如何做到这一点。

即

// define annotation button for imagePopup
$.FroalaEditor.DefineIcon('annotationIcon', { NAME: 'pencil'}); // the icon
$.FroalaEditor.RegisterCommand('annotation', { // the button 
  title: 'Annotation',
  icon: 'annotationIcon',
  undo: true, // Save the button action into undo stack.
  focus: true, // Focus inside the editor before the callback.
  showOnMobile: true, // Show the button on mobile or not.
  refreshAfterCallback: true, // Refresh the buttons state after the callback.
  // Called when the button is hit.
  callback: function () {
    annotateImage(this);
  }
})

// Define `more` dropdown button.
$.FroalaEditor.RegisterCommand('moreDropdown', {
  title: 'More',
  icon: 'More',
  undo: true,
  focus: true,
  type: 'dropdown',
  options: {
    "annotation": 'annotation'
  },
});

提前致谢

编辑：我现在能想出来的唯一方法是使用

html: function() {
  return 'HTML_CODE'
}

只是自己写了所有的ul，这很恶心，似乎不是正确的做法。

任何帮助将不胜感激。

Answer 1

与froala人交谈后！ Custom popup 是一个用工具栏按钮作为下拉列表实现弹出窗口的解决方案。

谢谢

Froala Wysiwyg - 在自定义下拉列表中添加自定义和工具栏按钮

1 个答案: