Editor Markdown con vista previa en vivo - Exportar HTML
Editor Markdown y vista previa
El HTML sin procesar del origen se muestra como texto en la vista previa, y los enlaces javascript: o data: están desactivados.
Cómo escribir Markdown
Markdown es texto plano con unas pocas convenciones de puntuación: una almohadilla para un título, asteriscos para el énfasis, un guion para un elemento de lista. Es lo que entienden los README, las wikis, los gestores de incidencias y la mayoría de las apps de notas. Este editor renderiza tu texto mientras escribes, para que veas cómo toma forma la estructura, y exporta HTML limpio cuando terminas.
Pasos
- 1 Escribe o pega Markdown en el cuadro de la izquierda. La vista previa de la derecha se actualiza con cada tecla.
- 2 Usa el ejemplo como chuleta: títulos, negrita y cursiva, listas, un bloque de código, una tabla, una cita y un enlace están todos ahí.
- 3 Copia el HTML para un CMS o plantilla, o descarga el documento como .md o como archivo .html independiente.
La sintaxis en un minuto
Títulos: # Título, ## Sección, ### Subsección. Énfasis: **negrita**, *cursiva*, ~~tachado~~. Listas: empieza las líneas con - o 1.; sangra dos espacios para anidar. Enlaces: [texto](https://example.com); imágenes: . El código en línea va entre `acentos graves`; un bloque de código se delimita con tres acentos graves, seguidos opcionalmente del nombre del lenguaje. Una línea de --- dibuja una regla, y una línea que empieza con el signo mayor que es una cita.
Tablas
Una tabla es una fila de cabecera, una fila separadora y filas de datos, con las celdas divididas por barras verticales: | Nombre | Precio |. La fila separadora usa guiones, y dos puntos en cualquiera de los extremos fijan la alineación: :--- izquierda, :---: centro, ---: derecha. Las columnas no tienen que estar alineadas en el origen; el renderizador se ocupa del espaciado.
Qué contiene la exportación HTML
Copiar HTML te da solo el marcado del cuerpo (párrafos, títulos, listas y tablas), listo para pegar en una página con sus propios estilos. Descargar .html envuelve ese marcado en un documento completo con un título tomado de tu primer encabezado y una pequeña hoja de estilos, para que el archivo se abra legible en cualquier navegador.
Por qué el HTML sin procesar no se renderiza
El Markdown estándar deja pasar el HTML sin tocarlo, lo cual es cómodo pero convierte cualquier documento pegado en una forma de ejecutar scripts en la página. Esta vista previa lo escapa en su lugar: una etiqueta div o script en el origen aparece como texto. Los enlaces con los esquemas javascript: y data: están desactivados por la misma razón. Tu archivo exportado también está libre de código inyectado.