Tagsname como H2

Dev
1

É possível inserir um título H2 na área de tags? O título H2 deve ser o nome da tag.

Não consigo usar o componente de banner de tags porque o h2 não está ao lado da barra lateral direita, está acima.

image
image907×288 16 KB

2

Escreva algum código para conseguir o que você precisa. Aqui eu escrevi uma solução simples para você. Tente, deve fazer o que você quer


<script type="text/x-handlebars" data-template-name="/connectors/discovery-list-controls-above/tag-h2">
<h2>
    {{#if h2_tag}}
        {{h2_tag}}
    {{/if}}
</h2>
</script>

<script type="text/discourse-plugin" version="0.8">
api.registerConnectorClass("discovery-list-controls-above", "tag-h2", {
  setupComponent(args, component) {
    if (window.location.pathname?.startsWith("/tag/"))
        component.set("h2_tag", /\/tag\/([^?]+)/.exec(decodeURI(window.location.pathname)).at(1));
  },
});
</script>
2 curtidas
3

Oh, muito obrigado!! Está funcionando para a primeira tag em que clico, mas se eu mudar para outra tag, o h2 não muda.

4

Oh desculpe, este é o meu problema. Fiz alguns ajustes para isso

<script type="text/x-handlebars" data-template-name="/connectors/discovery-list-controls-above/tag-h2">
<h2 >
    {{#if h2_tag}}
        {{h2_tag}}
    {{/if}}
    {{log this}}

</h2>
</script>

<script type="text/discourse-plugin" version="0.8">
api.registerConnectorClass("discovery-list-controls-above", "tag-h2", {
  setupComponent(args, component) {
    
    function getTagNameFromURL(url) {
        return /\/tag\/([^?]+)/.exec(decodeURI(url)).at(1)
    }  
    
    if (window.location.pathname?.startsWith("/tag/"))
        component.set("h2_tag", getTagNameFromURL(window.location.pathname));
    api.onPageChange(url => component.set("h2_tag", getTagNameFromURL(url)))
  },
});


</script>
1 curtida