Remova traços dos nomes das tags

Componente de tema
, ,
1
:discourse2: Resumo Remove hifens (-) dos nomes de tags na Lista de Tópicos e na página de Tópico
:eyeglasses: Pré-visualização Pré-visualização no Discourse Theme Creator
:hammer_and_wrench: Repositório https://github.com/discourse/discourse-remove-dashes-from-tag-names
:open_book: Novo no Discourse Themes? Guia para iniciantes no uso de temas do Discourse

Instalar este componente de tema

Recursos

Este componente de tema remove hifens dos nomes de tags onde quer que eles sejam exibidos na interface do usuário.

exemplo de tags com hifen visualmente removido
exemplo de tags com hifen visualmente removido1584×546 23.6 KB

Como o Discourse substitui espaços em nomes de tags por hifens, este componente de tema é útil para alterar visualmente hifen → espaço na exibição.


:discourse2: Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

14 curtidas
9

7 posts foram divididos em um novo tópico: Hifens não removidos das tags da barra lateral

18

Esta imagem exibe uma tela de computador com uma mensagem de erro em vietnamita, indicando falha no download de um arquivo chamado Tin dang Ban Ha Quan Gia. (Legenda por IA)
Esta imagem exibe uma tela de computador com uma mensagem de erro em vietnamita, indicando falha no download de um arquivo chamado Tin dang Ban Ha Quan Gia. (Legenda por IA)1080×788 202 KB

Obrigado pelo seu componente,
Remover o traço da barra lateral de Tags está OK, e quanto à Tag de título?
%{filter} %{tag} %{category}

19

Obrigado por isso. Eu nunca consegui entender os hifens ali :smiley:

20

A imagem mostra uma tela de computador exibindo uma página da web intitulada "Mới nhất Bản - Nghệ chủ đẹ - Nhàsag" com seu endereço e uso de memória, como visto em uma interface de navegador da web. (Legenda por IA)
A imagem mostra uma tela de computador exibindo uma página da web intitulada "Mới nhất Bản - Nghệ chủ đẹ - Nhàsag" com seu endereço e uso de memória, como visto em uma interface de navegador da web. (Legenda por IA)1080×501 67.7 KB

A imagem mostra um prédio branco em uma esquina de rua com a legenda "Bán nha Phường Bến Nghé" circulada e destacada em vermelho, indicando sua localização em Phường Bến Nghé, Lê Thánh Tôn, HCMC. (Legenda por IA)
A imagem mostra um prédio branco em uma esquina de rua com a legenda "Bán nha Phường Bến Nghé" circulada e destacada em vermelho, indicando sua localização em Phường Bến Nghé, Lê Thánh Tôn, HCMC. (Legenda por IA)1464×720 89.9 KB

O componente de tema atual ainda perde muitas posições onde o hífen do nome da tag não pode ser removido, especialmente o título do site para ser amigável ao Google. Você pode atualizá-lo?

1 curtida
21

Ao habilitar este componente de tema, ele também remove os ícones de tags das tags. Portanto, há um pequeno conflito com este componente: Tag Icons

Além disso, como dito antes, ele não remove esses traços irritantes em alguns lugares.

1 curtida
22

Este script substitui este componente por enquanto

function replaceTextNodes(node) {
    node.childNodes.forEach(child => {
      if (child.nodeType === Node.TEXT_NODE) {
        child.textContent = child.textContent
          .replace(/-E-/gi, ' & ')
          .replace(/-/g, ' ');
      } else {
        replaceTextNodes(child);
      }
    });
  }

  api.onPageChange(() => {

    document.querySelectorAll('.discourse-tag.box').forEach(tag => {
      replaceTextNodes(tag);
    });
    
    document.querySelectorAll('#sidebar-section-content-tags .sidebar-section-link-content-text').forEach(tag => {
      replaceTextNodes(tag);
    });
  });
1 curtida