如何自定义composer工具栏？

功能
3

没有配置工具栏的设置，但可以通过主题和插件进行配置。

最好有此功能，因此我将其重新归类为功能请求。

目前，可以通过 CSS 隐藏按钮……例如：

.d-editor-button-bar {
  .local-dates {  // 隐藏日期按钮
    display: none;
  }
}

或者隐藏 :gear: 菜单中的某个选项

.toolbar-popup-menu-options {
  [data-name="Build Poll"] {
    display: none;
  }
}

使用 CSS 重新排序这些菜单中的项目也相当简单……您可以这样做：

.d-editor-button-bar {
  .local-dates {  // 将日期按钮移到开头
    order: -1/
  }
}

我们有一个关于如何更改 CSS 的指南：

话虽如此，更难的更改是将某项移入/移出下拉菜单并移入主工具栏（反之亦然）。您需要使用 CSS 隐藏原始按钮，然后使用 API 添加一个重复的按钮。

查看一个示例主题组件，例如 Discourse Gifs，可以大致了解如何实现……但这对于非开发人员来说会很棘手。

9 个赞