Tagsname als H2

Entwickler
1

Ist es möglich, eine H2-Überschrift in den Tags-Bereich einzufügen? Die H2-Überschrift sollte der Name des Tags sein.

Ich kann die Tags-Banner-Komponente nicht verwenden, da sich die H2 nicht neben der rechten Seitenleiste befindet, sondern darüber.

image
image907×288 16 KB

2

Schreiben Sie etwas Code, um das zu erreichen, was Sie brauchen. Hier habe ich eine einfache Lösung für Sie geschrieben. Probieren Sie es aus, es sollte das tun, was Sie wollen


<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 „Gefällt mir“
3

Oh, vielen Dank!! Es funktioniert für das erste Tag, das ich anklicke, aber wenn ich zu einem anderen Tag wechsle, ändert sich die h2 nicht.

4

Oh Entschuldigung, das ist mein Problem. Ich habe einige Anpassungen vorgenommen

<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 „Gefällt mir“