# Cómo agregar contenido HTML único debajo del cuerpo del tema en el foro discourse para temas específicos

**URL:** https://meta.discourse.org/t/how-to-add-unique-html-content-below-topic-body-in-discourse-forum-for-specific-topics/311555
**Category:** Development
**Tags:** topic-map
**Created:** [11 Junio, 2024 11:58 UTC](https://meta.discourse.org/t/how-to-add-unique-html-content-below-topic-body-in-discourse-forum-for-specific-topics/311555 "2024-06-11T11:58:39Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [11 Junio, 2024 14:36 UTC](https://meta.discourse.org/t/how-to-add-unique-html-content-below-topic-body-in-discourse-forum-for-specific-topics/311555/2 "2024-06-11T14:36:15Z")

</div>

`this.model` contiene los datos del tema, como el _id_, _title_, etc. Puedes usar eso.

Por ejemplo, para permitir los IDs de tema 90 o 38, escribirías:

```plaintext
<script type="text/x-handlebars" data-template-name="connectors/topic-area-bottom/custom-html">
  {{#if (or (eq this.model.id 90) (eq this.model.id 38))}}
    <div class="banner-control">
      <!-- El contenido HTML único va aquí -->
    </div>
  {{/if}}
</script>

```

Sin embargo, te animo a usar la [Theme CLI](https://meta.discourse.org/t/install-the-discourse-theme-cli-console-app-to-help-you-build-themes/82950) y trabajar con [archivos divididos](https://meta.discourse.org/t/split-up-theme-javascript-into-multiple-files/119369).

Será difícil añadir más condiciones o tener algo de lógica allí. Sería posible usar `registerConnectorClass`, pero está obsoleto.

La forma moderna es usar `renderInOutlet` con un componente glimmer, por ejemplo, [GitHub - discourse/discourse-custom-header-links](https://github.com/discourse/discourse-custom-header-links).  
Dices que quieres renderizar en un outlet específico:

> <https://github.com/discourse/discourse-custom-header-links/blob/main/javascripts/discourse/initializers/discourse-custom-header-links.js#L4C1-L6C4>

Tienes la plantilla definida aquí. Observa `this.shouldShow`  
[https://github.com/discourse/discourse-custom-header-links/blob/main/javascripts/discourse/components/custom-header-links.hbs#L1](https://github.com/discourse/discourse-custom-header-links/blob/main/javascripts/discourse/components/custom-header-links.hbs#L1)

Luego puedes añadir tu lógica aquí para indicar si el componente se muestra o no:  
[https://github.com/discourse/discourse-custom-header-links/blob/main/javascripts/discourse/components/custom-header-links.js#L5-L7](https://github.com/discourse/discourse-custom-header-links/blob/main/javascripts/discourse/components/custom-header-links.js#L5-L7)

Espero que esto ayude. Hazme saber si necesitas ayuda adicional. 👍

---

_[View the full topic](https://meta.discourse.org/t/how-to-add-unique-html-content-below-topic-body-in-discourse-forum-for-specific-topics/311555)._