# Discourse Pelé

**URL:** <https://meta.discourse.org/t/discourse-pele/415914>\
**Category:** Theme component\
**Tags:** official, mermaid, pele\
**Created:** [27 Octubre, 2026 19:05 UTC](https://meta.discourse.org/t/discourse-pele/415914 "2026-10-27T19:05:25Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/580155_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)\
**Post date:** [27 Octubre, 2026 19:05 UTC](https://meta.discourse.org/t/discourse-pele/415914/1 "2026-10-27T19:05:25Z")

</div>

| | | |
| --- | --- | --- |
| :discourse2: | **Resumen** | **Discourse Pele** renderiza diagramas Mermaid con [Pele](https://pele.run): 6 veces más pequeño, hasta 500 veces más rápido, sin dependencias y personalizable con variables CSS. |
| 🛠 | **Enlace al repositorio** | [https://github.com/discourse/discourse-pele-theme-component](https://github.com/discourse/discourse-pele-theme-component) |
| 📖 | **¿Nuevo en temas de Discourse?** | [Guía para principiantes sobre el uso de temas de Discourse](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Instalar este componente de tema

> [@](#):
>
> :discourse2: Dado que se trata de un #oficial componente de tema mantenido por el equipo de Discourse, las solicitudes de #soporte, #contribuir:bug, #contribuir:ux y #contribuir:feature pueden realizarse en las respectivas categorías aquí en Meta, etiquetadas con la etiqueta adecuada del componente de tema. Haz clic en uno de los enlaces siguientes para iniciar una. 👍
> 
> [❓&nbsp; **Soporte**](https://meta.discourse.org/new-topic?category_id=6&tags=pele "Solicitar soporte para la configuración y el uso de Discourse Pele") [🐛&nbsp; **Error**](https://meta.discourse.org/new-topic?category_id=1&tags=pele "Un informe de error significa que algo está roto, impidiendo el uso normal o típico del componente de tema") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=pele "Discusión sobre la interfaz de usuario de Discourse Pele y cómo se presentan las funciones (incluidos el lenguaje y los elementos de la interfaz)") [💡&nbsp; **Función**](https://meta.discourse.org/new-topic?category_id=2&tags=pele "Discusión sobre cómo mejorar o ampliar las funciones existentes de Discourse Pele y cómo podrían funcionar las nuevas funciones propuestas")

### Uso

````plaintext
```mermaid
flowchart LR
  A --> B
```

````

```mermaid
flowchart LR
  A --> B

```

Los diagramas también se pueden insertar desde el menú ⚙ del compositor → **Diagrama** , y abrirse a pantalla completa con zoom.

Funciona en publicaciones y mensajes de chat. Utiliza la misma sintaxis que [Discourse Mermaid](https://meta.discourse.org/t/discourse-mermaid/218242), por lo que los diagramas existentes se renderizan sin ningún cambio.

Aprende más sobre los diagramas compatibles en el sitio web oficial: [https://pele.run](https://pele.run)

> ⚠ Los gráficos no se renderizarán en los correos electrónicos

### Traducciones

| Nombre | Predeterminado |
| --- | --- |
| diagram | Diagrama |
| view\_fullscreen | Ver a pantalla completa |
| rendering\_error | No se puede renderizar el diagrama: %{message} |
| zoom\_in | Acercar |
| zoom\_out | Alejar |
| reset\_zoom | Restablecer zoom |

  

> :discourse2: **¿Nosotros te alojamos?** Los componentes de tema están disponibles para usar en nuestros planes Pro, Business y Enterprise.

---

_[View the full topic](https://meta.discourse.org/t/discourse-pele/415914)._