En esta página

> recursos > docs > paneles proceso > Notación Markdown

Notación Markdown

Manual de notación Markdown (Guía rápida y ejemplos)

Utiliza esta guía para dar formato a tu contenido en el Text Chart. ProcessMind es compatible con las bases de CommonMark y extensiones populares de GitHub-Flavored Markdown (GFM), incluidas tablas, listas de tareas y tachado.

Encabezados

Usa de # a ###### al inicio de la línea:

# H1
##  H2
###  H3
####  H4
#####  H5
######  H6

Párrafos y saltos de línea

Separa los párrafos con una línea en blanco.

Salto de línea simple: termina con dos espacios o usa <br>.

First line with a soft break··
continues on the next line.

New paragraph after a blank line.

Énfasis (cursiva, negrita, tachado)

*italic* or _italic_
**bold** or __bold__
***bold italic***
~~strikethrough~~   <!-- GFM -->

Listas (viñetas, numeradas y anidadas)

Viñetas: -, +, o *. Numeradas: 1., 2., etc.

- Item A
- Item B
  - Nested item B1
  - Nested item B2

1. Step one
2. Step two
   1. Sub-step
   2. Sub-step

Consejo: Mantén la misma indentación (2-4 espacios) en elementos anidados.

Enlaces

En línea y de referencia:

Inline: [ProcessMind](https://processmind.com)
With title: [Site](https://example.com "Optional title")

Reference: [Docs][docs-link]

[docs-link]: https://example.com/docs

Imágenes

El texto alternativo es clave para la accesibilidad.

![Alt text describing the image](https://example.com/image.png "Optional title")

Imágenes de referencia:

![Logo][logo]

[logo]: https://example.com/logo.png

Citas en bloque

Usa > al inicio de la línea. Anida usando varios >.

> A single-line quote.
>
> Multi-paragraph quote:
>
> > Nested quote level 2.

Código (en línea y bloques)

El código en línea usa comillas invertidas: ```código. [tu código] ```

Los bloques de código usan tres comillas invertidas. Añade el lenguaje para resalte de sintaxis.

Ejemplos ```code

Here’s `inline code`.

Si tu contenido ya tiene comillas invertidas triples, usa cuatro comillas para el bloque.

Líneas horizontales

Tres o más ---, *** o ___ en una línea sola:

---

Tablas

Utiliza | y separadores de encabezado ---. Los dos puntos (:) alinean texto.

| Column        | Type    | Notes              |
|:--------------|:-------:| :------------------|
| Name          | String  | Left-aligned       |
| Score         | Number  | Left-aligned       |
| Description   | String  | Left-aligned       |

Columna	Tipo	Notas
Nombre	String	Alinear a la izquierda
Score	Number	Alinear a la izquierda
Descripción	String	Alinear a la izquierda

Una línea en blanco antes de la tabla ayuda al renderizado en algunos parsers.

Listas de tareas

Usa - [ ] y - [x].

- [x] Design schema
- [ ] Implement API
- [ ] Write tests

Diseñar el esquema
Implementar API
Escribir tests

Caracteres especiales de escape

Antepon una barra invertida \ para mostrar caracteres literales.

\*Not italic\*, show the asterisks literally.
Use a backslash for \#, \[, \], \(, \), \_, \*, \`, \|, \>

Enlaces e imágenes de referencia

Mantén el contenido limpio recopilando todas las referencias al final.

Read the [Guide][g].
See the ![Badge][b].

[g]: https://example.com/guide
[b]: https://example.com/badge.svg

Enlaces automáticos y emails

Las URLs sueltas suelen enlazarse automáticamente. Los corchetes angulares lo fuerzan.

https://example.com
<mailto:hello@example.com>

HTML en línea (opcional)

La mayoría de visores permiten HTML en línea seguro cuando Markdown no es suficiente.

<strong>Bold</strong> and <em>italic</em> with HTML.
<br>
<span style="font-variant:small-caps">Small caps</span>

Nota: No todas las etiquetas HTML son compatibles por razones de seguridad y compatibilidad.

Errores comunes

Saltos de línea: Usa dos espacios al final o <br>.
Anidar listas: Indenta los ítems anidados de forma consistente (2-4 espacios).
Bloques de código: Añade el lenguaje después de las comillas para resaltar sintaxis.
Tablas: Incluye una línea en blanco antes de la tabla.
Imágenes: Usa siempre textos alt informativos.
Mezcla de tabs y espacios: Prefiere espacios para un renderizado fiable.

Template inicial

Copia y adapta:

### Title of TextChart

Short intro paragraph that explains the context.

Value of the metric ${metric} is measured.

![image](https://processmind.com/logo.webp)

Visit us at: https://processmind.com

####  Key Points
- Point A
- Point B
- Point C