Command Palette

Search for a command to run...

MA

Markdown a HTML

Convierta Markdown a HTML limpio y semántico con soporte para Markdown con sabor a GitHub: tablas, listas de tareas, código vallado, anclajes de encabezado, vista previa en vivo y exportación completa de documentos HTML.

¿Cuál es el convertidor de rebaja a html?

El convertidor de Markdown a HTML convierte la fuente de Markdown (un README, un registro de cambios, un borrador de blog, un conjunto de notas de la versión) en el HTML que representa un navegador o CMS. Pegue o escriba Markdown a la izquierda y obtendrá HTML semántico a la derecha: los encabezados se vuelven h1-ñona h6, el código vallado se vuelve pre y código con una clase de idioma, las listas se vuelven ul y ol, y las extensiones de GitHub, como tablas, listas de tareas y tachados, se manejan de la misma manera que GitHub los representa.

Markdown es un formato de escritura de texto sin formato, no un formato de visualización. En cualquier lugar donde aparezca en una página (un sitio de documentos, un blog estático, una plantilla de correo electrónico, un campo CMS que solo acepta HTML), algo tiene que compilarlo primero. Hacer eso en el navegador, en lugar de incluir un analizador en su compilación o pegar su borrador en un servicio que no controla, es la forma más rápida de obtener el marcado y seguir adelante.

Todo funciona del lado del cliente. El convertidor es un analizador escrito a mano, no un contenedor alrededor de una API remota, por lo que sus publicaciones inéditas, documentos internos y notas de lanzamiento privados nunca salen de la página. Toggle Markdown con sabor a GitHub, ID de anclaje de encabezado, saltos de línea de una sola nueva línea y transferencia de HTML sin procesar, luego copie el HTML, descargue un archivo .html o tome una tabla de contenido generada.

Un breve ejemplo trabajado muestra lo que obtienes cuando conviertes Markdown a HTML aquí. Pegue `# My Project`, luego `## Install`, luego una lista de tareas de dos filas `- [x] Done` y `- [] Todo`. La salida es `<h1 id="my-project">My Project</h1>`, `<h2 id="install">Install</h2>` y un `<ul class="task-list">` cuyos elementos comienzan con entradas de casilla de verificación deshabilitadas. Marque Documento completo y el mismo cuerpo está envuelto en un tipo de documento con `<title>My Project</title>`. Es un conversor gratuito de Markdown a HTML, sin registro y se convierte a medida que escribe.

Markdown permite HTML sin formato en línea, lo que hace que la pregunta de seguridad sea más real que teórica: un documento que contiene una etiqueta de script es Markdown válido y un convertidor que la pasa produce HTML que se ejecutará cuando se renderiza. La salida aquí se escapa de forma predeterminada por ese motivo, por lo que un archivo Markdown de una fuente que no es de confianza no puede contrabandear etiquetas a su página. Los enlaces son un caso separado: un enlace `javascript:` en Markdown mantiene ese href en el HTML copiado, y solo el panel de vista previa lo reescribe, así que desinfecte la salida antes de publicar Markdown que no escribió. Si está convirtiendo su propio contenido y desea conservar el HTML sin formato, esa es una elección deliberada en lugar del valor predeterminado. La otra cosa que hay que saber es que Markdown no tiene una especificación única. Aquí se implementa GitHub Flavored Markdown, que cubre tablas, listas de tareas, código tachado y vallado, y esas son extensiones en lugar de parte de la sintaxis original, por lo que un renderizador estricto de CommonMark no las mostrará.

¿Cómo usar el convertidor de rebaja a html?

  1. Pega tu rebaja

    Escriba o pegue Markdown en el editor: un README, un registro de cambios, notas de su editor, cualquier cosa. La salida se actualiza a medida que escribe; cargue la muestra si desea ver qué es compatible.

  2. Elige tus opciones

    Active la reducción con sabor a GitHub para tablas, listas de tareas, tachado y enlaces de URL simple. Agregue ID de encabezado para enlaces profundos, habilite saltos de línea si una sola línea nueva debe convertirse en una <br /> y permita HTML sin formato si su Markdown ya contiene etiquetas.

  3. Verifique la vista previa

    Cambie entre la fuente HTML y una vista previa renderizada para confirmar que la estructura es lo que esperaba y lea las estadísticas del documento: palabras, encabezados, enlaces, bloques de código y tiempo de lectura.

  4. Copiar, descargar o tomar el TOC

    Copie el HTML al portapapeles o presione .html para descargarlo como document.html (marque primero el documento completo si desea una página independiente). También puede copiar la tabla de contenidos Markdown generada automáticamente y creada a partir de los anclajes de encabezado H2 y H3.

Características clave

  • Markdown con sabor a GitHub

    Tablas con alineación de columnas, casillas de verificación de lista de tareas, ~~strikethrough~~ y vinculación automática de URL desnudas: las extensiones en las que ya confía su README

  • Código cercado con clases de idiomas

    Los bloques cercados se convierten en <pre><code class="language-js">, el nombre de clase prisma, through.js y shiki esperan, por lo que el resaltado de sintaxis funciona en el momento en que pega la salida en su sitio

  • Anclajes de cabecera y TOC

    Cada encabezado recibe una identificación slugificada y sin duplicar, y la herramienta genera una tabla de contenido Markdown para sus encabezados H2 y H3 que puede volver a pegar en la parte superior de su documento

  • Seguro por defecto

    Se escapa el HTML sin formato en el origen a menos que usted opte por participar, y la vista previa en vivo elimina el script, el estilo y los controladores de eventos en línea, por lo que pegar Markdown de otra persona no puede ejecutar su código

Frequently Asked Questions

Pegue su Markdown en el editor y el HTML aparecerá inmediatamente: no hay ningún botón de conversión que presionar ni ningún archivo que cargar. Alterne GitHub Flavored Markdown si su fuente usa tablas o listas de tareas, luego copie el HTML o descárguelo como un archivo.html.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

markdown to htmlconvert markdown to htmlmarkdown to html converteronline markdown to html converterfree markdown to html convertermarkdown convertermd to htmlmarkdown compilermarkdown previewgithub flavored markdownmarkdown rendererconvert readme to htmlmarkdown parser