Como personalizar a barra de ferramentas do composer?

Funcionalidade
3

Não há uma configuração para personalizar a barra de ferramentas, mas é possível fazê-lo através de temas e plugins.

Seria bom ter esse recurso, então vou reclassificá-lo como uma solicitação de recurso.

Por enquanto, os botões podem ser ocultados com CSS… por exemplo:

.d-editor-button-bar {
  .local-dates {  // oculta o botão de data
    display: none;
  }
}

ou para ocultar uma opção do menu de :engrenagem:

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

Com CSS também é bastante simples reordenar itens nesses menus… você pode fazer algo como:

.d-editor-button-bar {
  .local-dates {  // move o botão de data para o início
    order: -1;
  }
}

Temos um guia para descobrir como fazer alterações em CSS aqui:

Dito tudo isso, a mudança mais difícil é mover algo do menu suspenso para a barra de ferramentas principal (ou vice-versa). Você precisaria ocultar o botão original com CSS e, em seguida, adicionar um botão duplicado usando a API.

Olhar para um componente de tema de exemplo, como Discourse Gifs dá uma ideia geral de como isso é feito… embora isso se torne complicado se você não for um desenvolvedor.

9 curtidas