Tagsname como H2

Desarrollador
1

¿Es posible insertar un encabezado H2 en el área de etiquetas? El encabezado H2 debe ser el nombre de la etiqueta.

No puedo usar el componente de banner de etiquetas porque el h2 no está al lado de la barra lateral derecha, está arriba.

image
image907×288 16 KB

2

Escribe algo de código para lograr lo que necesitas. Aquí he escrito una solución simple para ti. Pruébalo, debería hacer lo que quieres


<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 Me gusta
3

¡Oh, muchas gracias! Funciona para la primera etiqueta en la que hago clic, pero si cambio a otra etiqueta, el h2 no cambia.

4

Oh, lo siento, este es mi problema. Hice algunos ajustes para esto

<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 me gusta