Señor Herramientas

Cómo usar

Cómo usar Vista previa de Markdown

Edite Markdown mientras revisa la vista previa, la salida HTML y los bloques de código en la misma pantalla. Puede dar formato a encabezados y listas, cambiar temas y vistas, y luego copiar Markdown o HTML, o descargar HTML.

Usar Vista previa de Markdown
Miniatura de Vista previa de MarkdownMiniatura de Vista previa de Markdown

Casos de uso

Cuándo usarla

  • Redactar artículos o documentos revisando su aspecto
  • Comparar el renderizado de bloques de código o citas entre temas
  • Revisar Markdown largo en pantalla completa mientras se edita
  • Ver cómo queda un README antes de subirlo a GitHub
  • Comparar el resaltado de sintaxis en bloques de código entre varios temas
  • Revisar rápidamente la salida de una plantilla Markdown

Capacidades

Qué puede hacer esta herramienta

  • Editar Markdown y ver la vista previa lado a lado
  • Cambiar de tema
  • Alternar entre vista dividida y pantalla completa
  • Resaltado de sintaxis en bloques de código
  • Alternar entre editor y vista previa a pantalla completa
  • Comparar la representación visual en varios temas al mismo tiempo

Guía

Cómo usar cada zona de la pantalla

Aprenda a usar cada zona de la pantalla, incluidos ajustes, entrada, vistas previas, resultados y guardado.

01 HOWTO

Área de entrada Markdown

Edite Markdown directamente en el área izquierda. Añada encabezados, párrafos, separadores, citas, listas, código y tablas mientras revisa la vista previa.

Pantalla que muestra el área de entrada Markdown en Vista previa de MarkdownPantalla que muestra el área de entrada Markdown en Vista previa de Markdown

Qué puede hacer esta zona

  • Introducir el cuerpo Markdown directamente.
  • Editar encabezados, párrafos, citas y listas.
  • Comprobar los cambios en la vista previa derecha.
  • Seguir editando textos largos con desplazamiento.

Dónde usarla

01
Nivel de encabezado

Insertar jerarquías H1 a H6 desde el selector de nivel.

Pantalla que muestra el área de entrada Markdown en Vista previa de Markdown: Nivel de encabezadoPantalla que muestra el área de entrada Markdown en Vista previa de Markdown: Nivel de encabezado
02
Énfasis y código en línea

Usar negrita, cursiva, tachado y código en línea para términos importantes o fragmentos breves.

Pantalla que muestra el área de entrada Markdown en Vista previa de Markdown: Énfasis y código en líneaPantalla que muestra el área de entrada Markdown en Vista previa de Markdown: Énfasis y código en línea
03
Citas y listas

Usar citas, listas con viñetas y listas numeradas para organizar explicaciones y pasos.

Pantalla que muestra el área de entrada Markdown en Vista previa de Markdown: Citas y listasPantalla que muestra el área de entrada Markdown en Vista previa de Markdown: Citas y listas
04
Enlaces, imágenes, código y tablas

Añadir enlaces, imágenes, bloques de código y tablas para notas técnicas o guías.

Pantalla que muestra el área de entrada Markdown en Vista previa de Markdown: Enlaces, imágenes, código y tablasPantalla que muestra el área de entrada Markdown en Vista previa de Markdown: Enlaces, imágenes, código y tablas

02 HOWTO

Barra de formato y ayudas de edición

Use la barra y los controles superiores para dar formato, activar números de línea y ajuste, borrar o copiar Markdown, revisar historial, deshacer y rehacer.

Pantalla que muestra la barra de formato y ayudas de edición en Vista previa de MarkdownPantalla que muestra la barra de formato y ayudas de edición en Vista previa de Markdown

Qué puede hacer esta zona

  • Insertar sintaxis Markdown con botones.
  • Alternar números de línea y ajuste de línea.
  • Borrar o copiar Markdown.
  • Ajustar el estado de edición con historial, deshacer y rehacer.

Dónde usarla

01
Citas, viñetas y listas numeradas

Añadir citas, listas con viñetas y listas numeradas con botones.

Pantalla que muestra la barra de formato y ayudas de edición en Vista previa de Markdown: Citas, viñetas y listas numeradasPantalla que muestra la barra de formato y ayudas de edición en Vista previa de Markdown: Citas, viñetas y listas numeradas
02
Enlaces, imágenes, bloques de código y tablas

Insertar enlaces, imágenes, bloques de código y tablas desde la barra.

Pantalla que muestra la barra de formato y ayudas de edición en Vista previa de Markdown: Enlaces, imágenes, bloques de código y tablasPantalla que muestra la barra de formato y ayudas de edición en Vista previa de Markdown: Enlaces, imágenes, bloques de código y tablas
03
Historial, deshacer y rehacer

Usar historial de Markdown, deshacer y rehacer para volver o reaplicar ediciones recientes.

Pantalla que muestra la barra de formato y ayudas de edición en Vista previa de Markdown: Historial, deshacer y rehacerPantalla que muestra la barra de formato y ayudas de edición en Vista previa de Markdown: Historial, deshacer y rehacer
04
Encabezados y visualización de entrada

Usar nivel de encabezado, números de línea y ajuste para editar Markdown largo con más comodidad.

Pantalla que muestra la barra de formato y ayudas de edición en Vista previa de Markdown: Encabezados y visualización de entradaPantalla que muestra la barra de formato y ayudas de edición en Vista previa de Markdown: Encabezados y visualización de entrada

03 HOWTO

Vista previa, tema y controles de vista

Revise el Markdown renderizado y cambie tema, vista dividida, Ir a Markdown, Ir al editor y pantalla completa.

Pantalla que muestra vista previa, tema y controles de vista en Vista previa de MarkdownPantalla que muestra vista previa, tema y controles de vista en Vista previa de Markdown

Qué puede hacer esta zona

  • Revisar la vista previa renderizada.
  • Cambiar temas como GitHub Light.
  • Usar vista dividida, Ir a Markdown e Ir al editor.
  • Ampliar el área de revisión con pantalla completa.

Dónde usarla

01
Tema

Cambiar temas de vista previa para revisar un aspecto cercano al destino.

Pantalla que muestra vista previa, tema y controles de vista en Vista previa de Markdown: TemaPantalla que muestra vista previa, tema y controles de vista en Vista previa de Markdown: Tema
02
Cambio de vista

Usar vista dividida, Ir a Markdown e Ir al editor para alternar entre edición y revisión.

Pantalla que muestra vista previa, tema y controles de vista en Vista previa de Markdown: Cambio de vistaPantalla que muestra vista previa, tema y controles de vista en Vista previa de Markdown: Cambio de vista
03
Pantalla completa

Revisar documentos largos y bloques de código en un área más amplia.

Pantalla que muestra vista previa, tema y controles de vista en Vista previa de Markdown: Pantalla completaPantalla que muestra vista previa, tema y controles de vista en Vista previa de Markdown: Pantalla completa
04
Revisión de vista previa

Comprobar encabezados, párrafos, citas, listas, código y tablas renderizados.

Pantalla que muestra vista previa, tema y controles de vista en Vista previa de Markdown: Revisión de vista previaPantalla que muestra vista previa, tema y controles de vista en Vista previa de Markdown: Revisión de vista previa

04 HOWTO

Salida HTML y revisión de bloques de código

Use la pestaña HTML, copie y descargue HTML, y revise idioma, números de línea, ajuste y copia en los bloques de código.

Pantalla que muestra salida HTML y revisión de bloques de código en Vista previa de MarkdownPantalla que muestra salida HTML y revisión de bloques de código en Vista previa de Markdown

Qué puede hacer esta zona

  • Revisar la salida HTML.
  • Copiar o descargar HTML.
  • Revisar el idioma del bloque de código.
  • Usar números de línea, ajuste y copia de código.

Dónde usarla

01
Copiar y descargar HTML

Use los controles de salida HTML para copiar HTML o descargarlo como archivo HTML.

Pantalla que muestra dónde copiar HTML y descargar HTML en Vista previa de MarkdownPantalla que muestra dónde copiar HTML y descargar HTML en Vista previa de Markdown
02
Revisar vista otra vez

Volver a la vista dividida o moverse entre áreas antes de tomar la salida.

Pantalla que muestra salida HTML y revisión de bloques de código en Vista previa de Markdown: Revisar vista otra vezPantalla que muestra salida HTML y revisión de bloques de código en Vista previa de Markdown: Revisar vista otra vez
03
Revisar tema otra vez

Cambiar el tema otra vez para comprobar la legibilidad de la vista previa o HTML.

Pantalla que muestra salida HTML y revisión de bloques de código en Vista previa de Markdown: Revisar tema otra vezPantalla que muestra salida HTML y revisión de bloques de código en Vista previa de Markdown: Revisar tema otra vez
04
Ayudas de bloque de código

Revisar idioma, números de línea, ajuste y copia de código.

Pantalla que muestra salida HTML y revisión de bloques de código en Vista previa de Markdown: Ayudas de bloque de códigoPantalla que muestra salida HTML y revisión de bloques de código en Vista previa de Markdown: Ayudas de bloque de código

Notas

Notas

Los puntos importantes se agrupan junto con sus razones para que pueda decidir antes de usar la herramienta.

Qué revisar

Edite la entrada Markdown y revise la vista previa en paralelo

Los cambios de la entrada Markdown se reflejan en la vista previa. Revise encabezados, citas, listas, código y tablas mientras edita.

Qué revisar

Use controles de vista y temas según la tarea

La vista dividida, Ir a Markdown, Ir al editor y pantalla completa ayudan a alternar entre edición y revisión enfocada.

Qué revisar

Elija Markdown, HTML o código según el destino

Además de copiar Markdown, puede copiar y descargar HTML, y usar controles de idioma, números de línea, ajuste y copia en los bloques de código.

FAQ

Preguntas sobre Vista previa de Markdown

Primero se resumen las preguntas que ayudan a decidir antes de usarla.

¿Tiene sentido usarlo en lugar de GitHub?

Sí. Es útil cuando quiere comparar temas, revisar documentos largos a pantalla completa o ajustar el contenido manteniendo editor y vista previa uno al lado del otro.

¿Es adecuado para texto largo o bloques de código?

Sí. Puede alternar entre vista dividida, vista de un solo panel y pantalla completa, lo que facilita revisar texto largo y bloques de código.

¿Puede mostrar imágenes y enlaces?

Se admite la sintaxis Markdown estándar. Las rutas de imágenes locales no se cargan; use una URL de imagen alojada públicamente.

¿Puedo guardar el Markdown que escribo?

No hay guardado automático. Copie el texto y guárdelo en otro lugar, o use la función de guardar del navegador.

¿Se admiten las tablas de Markdown?

Sí. La sintaxis de tabla estándar de Markdown es compatible y se representa según el tema activo.

¿Puedo abrir varios archivos al mismo tiempo?

Esta página tiene una sola área de entrada de Markdown. No se admite editar varios archivos simultáneamente.

Siguientes guías

Guías relacionadas

Las guías relacionadas se muestran a continuación para que pueda continuar sin perderse.

Cómo usar Comparador de diferencias de texto

Guía por zonas de pantalla para introducir el texto anterior y posterior, elegir idioma y unidad de comparación, ignorar espacios, sincronizar desplazamiento, revisar resaltados, copiar y limpiar.

Ver guía
Cómo usar Comparador de diferencias de texto

Cómo usar Compresión de imágenes

Comprime varias imágenes sin cambiar su formato, compara el tamaño y guarda los resultados.

Ver guía
Cómo usar Compresión de imágenes

Cómo usar Conversión de formato de imagen

Explica dónde cargar varias imágenes, elegir formato y calidad, revisar resultados, descargar individualmente, descargar como ZIP y convertir de nuevo.

Ver guía
Cómo usar Conversión de formato de imagen
Herramientas de imagenHerramientas de videoHerramientas de textoHerramientas de desarrolloHerramientas de diseñoHerramientas de generación