Command Palette

Search for a command to run...

MA

Markdown para HTML

Converta Markdown para HTML limpo e semântico com suporte para Markdown com sabor GitHub - tabelas, listas de tarefas, código cercado, âncoras de cabeçalho, visualização ao vivo e uma exportação completa de documentos HTML.

Qual é o conversor de remarcação para HTML?

O Markdown to HTML Converter transforma Markdown source - um README, um changelog, um rascunho de blog, um conjunto de notas de lançamento - no HTML que um navegador ou CMS renderiza Colar ou digitar Markdown à esquerda e você obtém HTML semântico à direita: os títulos tornam-se h1h6, o código cercado pré e o código com uma classe de idioma, as listas tornam-se ul e ol e as extensões do GitHub, como tabelas, tarefas e strikethrough, são tratadas da maneira que o GitHub as renderiza.

Markdown é um formato de escrita de texto simples, não um formato de exibição Em qualquer lugar que apareça em uma página - um site docs, um blog estático, um modelo de e-mail, um campo CMS que só aceita HTML - algo tem que compilá-lo primeiro Fazer isso no navegador, em vez de puxar um analisador em sua compilação ou colar seu rascunho em um serviço que você não controla, é a maneira mais rápida de obter a marcação e seguir em frente.

Tudo roda o lado do cliente. O conversor é um analisador escrito à mão, não um wrapper em torno de uma API remota, portanto, suas postagens não publicadas, documentos internos e notas de lançamento privadas nunca saem da página. Alterne o Markdown com sabor do GitHub, rubrica de IDs de âncora, quebras de linha única e repasse HTML bruto, copie o HTML, baixe um arquivo .html ou pegue um índice gerado.

Um pequeno exemplo trabalhado mostra o que você obtém quando converte Markdown em HTML aqui. Cole `# My Project`, então `## Install`, depois uma lista de tarefas de duas linhas `-[x] Done` and `-[] Todo`. A saída é `<h1 id="my-project">My Project</h1>`, <`h2 id="install">Install</h2>`__ and a `<ul class="task-list">` which items start with disabilited checkbox inputs. Tick Full document and the same body is wrock in a doctype with `<title>My Project</title>`. É um conversor gratuito de Markdown para HTML, sem inscrição e converte conforme você digita.

Markdown permite HTML inline bruto, o que torna a questão de segurança real em vez de teórica: um documento contendo uma tag de script é válido Markdown, e um conversor que passa produz HTML que será executado quando renderizado A saída aqui é escapada por padrão por esse motivo, então um arquivo Markdown de uma fonte não confiável não pode contrabandear tags para sua página Os links são um caso separado: um link `javascript: no Markdown mantém esse href no HTML copiado, e apenas o painel de visualização o reescreve, portanto, higienize a saída antes de publicar Markdown você não escreveu Se você estiver convertendo seu próprio conteúdo e quiser que o HTML bruto seja preservado, isso é uma escolha deliberada em vez do padrão A outra coisa a saber é que Markdown não tem uma única especificação O GitHub Flavored Markdown é implementado aqui, que cobre tabelas, listas de tarefas, striketh e código cercado, e esses são extensões em vez de parte da sintaxe original, portanto, um renderer CommonMarker estrito não os mostrará.

Como usar o conversor de marcação para HTML?

  1. Cole sua marcação

    Digite ou cole Markdown no editor - um README, um changelog, notas do seu editor, qualquer coisa A saída é atualizada conforme você digita; carregue a amostra se quiser ver o que é suportado.

  2. Escolha suas opções

    Ative o Markdown com sabor do GitHub para tabelas, listas de tarefas, links de talha e URL nua. Adicione IDs de títulos para links diretos, ative as quebras de linha se uma única nova linha se tornar um <br /> e permita o HTML bruto se sua remarcação já contiver tags.

  3. Verifique a prévia

    Alterne entre a fonte HTML e uma visualização renderizada para confirmar que a estrutura é o que você esperava e leia as estatísticas do documento - palavras, títulos, links, blocos de código e tempo de leitura.

  4. Copie, baixe ou faça o TOC

    Copie o HTML para a área de transferência ou pressione .html para baixá-lo como document.html (marque o documento completo primeiro se quiser uma página independente).Você também pode copiar o índice Markdown gerado automaticamente construído a partir das âncoras de cabeçalho H2 e H3.

Principais características

  • Markdown com sabor do GitHub

    Tabelas com alinhamento de colunas, caixas de seleção de listas de tarefas, ~~strikethrough~~ e vinculação automática de URLs simples - as extensões nas quais seu README já depende

  • Código cercado com aulas de idiomas

    Os blocos cercados tornam-se <pre><code class="language-js">, o nome da classe prism, highlight.js e shiki, então o realce de sintaxe funciona no momento em que você cola a saída em seu site

  • âncoras de cabeça e TOC

    Cada título recebe um id desduplicado e slugificado, e a ferramenta gera um índice Markdown para seus títulos H2 e H3 que você pode colar na parte superior do documento

  • Seguro por padrão

    O HTML bruto na fonte é escapado, a menos que você opte por participar, e a visualização ao vivo tira o script, o estilo e os manipuladores de eventos inline - portanto, colar o Markdown de outra pessoa não pode executar seu código

Frequently Asked Questions

Cole seu Markdown no editor e o HTML aparecerá imediatamente - não há botão de conversão para pressionar e nenhum arquivo para fazer upload Alternar Marcação com Sabor do GitHub se sua fonte usar tabelas ou listas de tarefas, então copie o HTML ou baixe-o como um arquivo.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