Guía de Markdown

Krokanti Notes usa un editor de texto enriquecido basado en Tiptap. Puedes escribir en el editor visual o cambiar a la vista de código fuente (Markdown) usando el botón <> de la barra de herramientas. Se admite toda la sintaxis estándar de Markdown.

Cambiar a la vista Markdown

Haz clic en el botón <> de la barra de herramientas del editor para alternar entre la vista visual y la vista de código fuente (Markdown). Tu contenido se convierte instantáneamente — puedes escribir Markdown sin procesar y volver a la vista visual para ver el resultado formateado.

Formato básico

**texto en negrita**
*texto en cursiva*
~~tachado~~
`código en línea`

Se muestra como: texto en negrita, texto en cursiva, tachado, código en línea

Encabezados

# Encabezado 1
## Encabezado 2
### Encabezado 3

Usa encabezados para estructurar notas largas. El encabezado 1 es el más grande, el encabezado 3 el más pequeño.

Listas

Lista sin orden

- Elemento uno
- Elemento dos
  - Elemento anidado

Lista ordenada

1. Primer paso
2. Segundo paso
3. Tercer paso

Lista de tareas (lista de verificación)

- [ ] Tarea sin marcar
- [x] Tarea completada

Las listas de tareas se muestran como casillas de verificación interactivas en el editor visual — haz clic para alternarlas sin editar el código fuente.

Enlaces

[Texto del enlace](https://example.com)

Para enlazar a otra nota en Krokanti Notes, usa la función de @mención en el editor visual — escribe @ seguido del título de la nota y selecciona en la ventana emergente. Esto inserta un enlace interno automáticamente.

Imágenes

![Texto alternativo](https://example.com/image.png)

También puedes pegar imágenes directamente en el editor visual, o arrastrar y soltar archivos de imagen — se suben automáticamente a tu CDN personal.

Bloques de código

Rodea el código con tres acentos graves y opcionalmente especifica un lenguaje:

```javascript
function greet(name) {
  return `Hello, ${name}!`;
}
```

Citas

> Esto es una cita.
> Puede abarcar varias líneas.

Tablas

| Columna A | Columna B | Columna C |
|----------|----------|----------|
| Fila 1   | Datos    | Más      |
| Fila 2   | Datos    | Más      |

Línea horizontal

---

Una línea horizontal (---) traza una línea divisoria a lo ancho de la nota.

Diagramas Mermaid

Krokanti Notes admite diagramas Mermaid dentro de bloques de código delimitados:

```mermaid
graph TD
  A[Start] --> B{Decision}
  B -->|Yes| C[Action 1]
  B -->|No| D[Action 2]
```

El diagrama se muestra visualmente en el editor y en las vistas de notas públicas. Consulta la guía de diagramas Mermaid para más ejemplos.

Consejos

• Usa --- al inicio de una línea para crear una línea horizontal (no confundir con el frontmatter, que no se usa dentro del editor)
• Las listas anidadas funcionan a cualquier profundidad — sangra con 2 espacios por nivel
• Las tablas obtienen automáticamente un menú contextual con opciones para insertar/eliminar filas/columnas en el editor visual