O que é o Markdown com sabor do GitHub?

O Markdown com sabor do GitHub (GFM) é um superconjunto do CommonMark que adiciona tabelas, caixas de seleção de lista de tarefas, tachado com tils duplos e links automáticos de URLs nus. É o dialeto que o GitHub usa para renderizar arquivos README e é ativado por padrão neste conversor.

O conversor mantém meus blocos de código destacados?

Ele emite a necessidade de marcadores de marcação: um bloco cercado, como ```JS, se torna . O conversor não colore o código — você adiciona um iluminador como Prism, Highlight.js ou Shiki em sua página e ele pega a classe de idiomas automaticamente.

O HTML bruto dentro do meu Markdown está preservado?

Por padrão, ele é escapado, então aparece como um texto literal em vez de uma tag. Ative a opção "Permitir HTML bruto" para passar as tags diretamente, que é o que você deseja quando sua remarcação já mistura em HTML — por exemplo, um bloco ou um inline com atributos.

Por que minha quebra de linha única desapareceu?

Padrão Markdown une linhas consecutivas em um parágrafo; uma quebra de linha sobrevive apenas se você terminar a linha com dois espaços ou deixar uma linha em branco. Se você deseja que todas as novas linhas se tornem uma , ative a opção "Baixa de linha" - esse é o comportamento de comentários do GitHub e muitos aplicativos de bate-papo usam.

Posso gerar um sumário de meus títulos?

Sim. Com os IDs de títulos ativados, cada título obtém uma âncora Slugfied e a ferramenta cria um índice de remarcação vinculando a cada um. Copie-o de volta para o topo do documento e os links serão resolvidos em relação aos IDs gerados.

É seguro colar Markdown que não escrevi?

Sim. O HTML é escapado por padrão, e a visualização ao vivo também retira as tags de script e estilo, manipuladores de eventos embutidos e JavaScript: URLs. Nada que você cola é transmitido em qualquer lugar - o analisador é executado inteiramente no seu navegador.

A ferramenta suporta exatamente o Commonmark?

Ele implementa os construtos que as pessoas realmente escrevem – títulos ATX e Setext, parágrafos, ênfase, links, imagens, links automáticos, blocos, listas aninhadas e soltas, código cercado e recuado, quebras temáticas, escapadas de barra invertida – além das extensões GFM. Um punhado de cantos comuns raros, como links de estilo de referência e comentários em HTML em casos de borda, não são cobertos.

Como faço para converter um arquivo readme.md em HTML?

Abra o Readme em qualquer editor de texto, copie todo o arquivo e cole-o no editor aqui com o Markdown com sabor do GitHub ativado - ou seja, o dialeto que o próprio GitHub renderiza ReadMes com, portanto, crachás, tabelas e listas de tarefas são iguais. Em seguida, baixe a exportação completa de documentos HTML, que envolve a saída em um doctype e retire o título da página do seu primeiro título.

Os navegadores podem exibir markdown sem convertê-lo?

não Os navegadores renderizam apenas o HTML, portanto, um arquivo .md atendido por HTTP mostra como texto simples. Algo tem que compilar primeiro - no momento da construção com um gerador de site estático, na hora do servidor, no navegador, com um analisador JavaScript ou uma vez manualmente com um conversor como este.

Como faço para converter markdown em html em node ou python?

No nó, as bibliotecas comuns são marcadas e markdown-it; em python, markdown ou markdown-it-py. Emparelhe qualquer um deles com um desinfetante — dompurify ou higienize-html em JS, Bleach em Python — se a rebaixamento vier dos usuários, porque nenhum desses analisadores retire o HTML perigoso por conta própria.

Remarcação para HTML

Converta Markdown em HTML limpo e semântico com suporte a Markdown com sabor do GitHub — tabelas, listas de tarefas, código cercado, âncoras de cabeça, visualização ao vivo e uma exportação de documento HTML completo.

Markdown

<h1 id="release-notes-v24">Release Notes — v2.4</h1>
<p>Ship notes for the <strong>June</strong> release. See the <a href="https://example.com/changelog">changelog</a> for the full diff.</p>
<blockquote>
<p>Heads up: the <code>/v1/export</code> endpoint is deprecated and will be removed in v3.</p>
</blockquote>
<h2 id="whats-new">What's new</h2>
<ul>
<li>Faster CSV export (~4x on 100k rows)</li>
<li>New <code>--dry-run</code> flag</li>
<li>Fixed a <em>nasty</em> race in the queue worker</li>
</ul>
<h3 id="upgrade-steps">Upgrade steps</h3>
<ol>
<li>Bump the package</li>
<li>Run the migration</li>
<li>Restart the workers</li>
</ol>
<pre><code class="language-bash">npm install toolz@2.4.0
npx toolz migrate --dry-run
</code></pre>
<table>
<thead>
<tr><th>Endpoint</th><th style="text-align:center">Status</th><th>Notes</th></tr>
</thead>
<tbody>
<tr><td>/v2/export</td><td style="text-align:center">stable</td><td>Use this</td></tr>
<tr><td>/v1/export</td><td style="text-align:center"><del>deprecated</del></td><td>Removed in v3</td></tr>
</tbody>
</table>
<ul class="task-list">
<li><input type="checkbox" disabled checked /> Docs updated</li>
<li><input type="checkbox" disabled /> Blog post scheduled</li>
</ul>
<hr />
<p>Questions? Reach us at <a href="mailto:support@example.com">support@example.com</a>.</p>

127

Words

Headings

Links

Images

Code blocks

1320

HTML bytes

1 min

Read time

Table of Contents

- [What's new](#whats-new)
  - [Upgrade steps](#upgrade-steps)

Category:docs

Mode:Offline

Version:1.0.0

Access:Free

Total Used:2.5M+

Success:99.8%

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 versão — no HTML que um navegador ou CMS realmente renderiza. Cole ou digite Markdown à esquerda e você terá HTML semântico à direita: os títulos se tornam H1–H6, o código cercado se torna pré e código com uma classe de idioma, as listas se tornam UL e OL e as extensões do GitHub, como tabelas, listas de tarefas e tapas, são tratadas da maneira que o GitHub as renderiza.

Markdown é um formato de escrita em texto simples, não um formato de exibição. Em qualquer lugar que ele apareça em uma página — um site docs, um blog estático, um modelo de e-mail, um campo CMS que aceita apenas HTML — algo precisa compilá-lo primeiro. Fazer isso no navegador, em vez de puxar um analisador para 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.

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

Cole sua marcação

Digite ou cole no editor — um Readme, um changelog, notas do editor, qualquer coisa. A saída é atualizada conforme você digita; carregue a amostra se quiser ver o que é compatível.

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.

Verifique a prévia

Alterne entre a fonte HTML e uma pré-visualização renderizada para confirmar 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.

Copie, baixe ou faça o TOC

Copie o HTML para a área de transferência, faça o download como um arquivo .html autônomo ou copie o índice de remarcação gerado automaticamente a partir das âncoras de título.

Principais características

Markdown com sabor do GitHub

Tabelas com alinhamento de colunas, caixas de seleção de lista de tarefas, ~~Strikethrough~~ e links automáticos de URLs nus — as extensões em que você já se baseia

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 obtém uma ID duplicada e sem duplicação, e a ferramenta gera um índice correspondente que você pode colar na parte superior do documento

Seguro por padrão

O HTML bruto na origem é escapado, a menos que você aceite e o script de pré-visualização ao vivo, estilo e manipuladores de eventos embutidos — 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 aparece imediatamente — não há botão de conversão para pressionar e nenhum arquivo para fazer upload. Alterne o Markdown com sabor do GitHub Se sua fonte usa tabelas ou listas de tarefas, então copie o HTML ou baixe-o como um arquivo .html.

Related Tools

HEE

encoding

HTML Entity Encoder/Decoder

Encode and decode HTML entities — named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping

HM&

minify

HTML Minifier & Beautifier

Minify HTML markup for faster page loads or beautify it for readable, indented source

text

Word & Letter Counter

Count words, letters, sentences, paragraphs, and estimate reading time

Comments

0 comments

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

markdown to htmlmarkdown convertermd to htmlmarkdown compilermarkdown previewgithub flavored markdownmarkdown rendererconvert readme to htmlmarkdown parser

Command Palette