Tagsname comme H2

Dev
1

Est-il possible d’insérer un titre H2 dans la zone des balises ? Le titre H2 doit être le nom de la balise.

Je ne peux pas utiliser le composant de bannière de balises car le h2 n’est pas du côté de la barre latérale droite, il est au-dessus.

image
image907×288 16 KB

2

Écrivez du code pour réaliser ce dont vous avez besoin. Voici une solution simple que j’ai écrite pour vous. Essayez-la, elle devrait faire ce que vous voulez


<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 « J'aime »
3

Oh merci beaucoup !! Ça fonctionne pour la première balise sur laquelle je clique, mais si je passe à une autre balise, le h2 ne change pas.

4

Oh désolé, c’est mon problème. J’ai fait quelques ajustements pour cela

<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 « J'aime »