Blocos de Código e Syntax Highlighting
Código Inline
Para código dentro de uma frase, envolva com crases simples.
Use a função `console.log()` para debug.
Código inline é perfeito para nomes de variáveis, funções ou comandos curtos.
Blocos de Código
Para múltiplas linhas de código, use três crases (```) em linhas separadas.
```
function hello() {
console.log("Hello!");
}
```
Tudo entre as crases é renderizado como código.
Syntax Highlighting
Adicione o nome da linguagem após as crases de abertura para colorização de sintaxe.
```javascript
function hello() {
console.log("Hello!");
}
```
O nome da linguagem habilita a colorização apropriada.
Linguagens Suportadas
MD2PDF suporta um conjunto curado de linguagens comuns por performance. As mais usadas incluem:
Se a linguagem não for reconhecida, o código ainda será exibido mas sem cores.
- Web: javascript, typescript, html, css, json
- Backend: python, java, php, ruby, go, rust
- Sistemas: c, cpp, csharp
- Dados: sql
- Shell: bash
- Config: yaml, xml
- Docs: markdown, plaintext
Inserção Rápida de Código
No MD2PDF, clique no botão ``` nas Tags Rápidas para inserir um modelo de bloco de código.
Diagramas Mermaid
Crie fluxogramas, diagramas de sequencia e mais com sintaxe Mermaid. Os diagramas sao renderizados automaticamente no preview.
```mermaid
flowchart TD
A[Inicio] --> B{Decisao}
B -->|Sim| C[Acao]
B -->|Nao| D[Fim]
```
Use o botao MER nas Tags Rapidas para inserir um template.
- Fluxogramas: flowchart TD, flowchart LR
- Sequencia: sequenceDiagram
- Classe: classDiagram
- Estado: stateDiagram-v2
- Gantt: gantt
- Pizza: pie
Blocos YAML
Conteudo YAML e renderizado com formatacao estruturada - chaves em negrito, valores em peso normal. Perfeito para arquivos de configuracao e metadados.
```yaml
name: Meu Projeto
version: 1.0.0
config:
debug: true
features:
- auth
- logging
```
Use o botao YML nas Tags Rapidas para inserir um template.