> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Código

> Adicione blocos de código com realce de sintaxe e opções de formatação.

O Editor de Código do Craft permite criar, editar e exibir código diretamente dentro dos seus Documentos. Ele oferece suporte a mais de 30 linguagens de programação, fornece realce de sintaxe para a maioria delas e entrega uma experiência limpa e confiável para redação técnica e documentação.

<img src="https://mintcdn.com/craft-support/crCjmeXe7Wo0HfP_/images/write-and-edit/code/en/content/code-editor-overview.png?fit=max&auto=format&n=crCjmeXe7Wo0HfP_&q=85&s=3917ee7a689ab58b810fe902536a91d4" alt="Code editor overview" width="957" height="824" data-path="images/write-and-edit/code/en/content/code-editor-overview.png" />

<img src="https://mintcdn.com/craft-support/crCjmeXe7Wo0HfP_/images/write-and-edit/code/en/content/code-editor-fullscreen.png?fit=max&auto=format&n=crCjmeXe7Wo0HfP_&q=85&s=458581dfeb0edfd991c68d1c73e80f98" alt="Code editor fullscreen mode" width="999" height="881" data-path="images/write-and-edit/code/en/content/code-editor-fullscreen.png" />

## Inserindo um Bloco de Código

Insira um Bloco de código em qualquer lugar do seu Documento usando um destes métodos:

* Digite `/code` e selecione **Inserir Bloco de código**
* Escolha **Bloco de código** no menu Inserir na barra lateral direita
* Digite três crases ` ``` ` para inserir um Bloco de código

<img src="https://mintcdn.com/craft-support/crCjmeXe7Wo0HfP_/images/write-and-edit/code/en/content/insert-code-block.png?fit=max&auto=format&n=crCjmeXe7Wo0HfP_&q=85&s=487f2ed842a6c236003b0d02fcd4b9a2" alt="Inserting a code block" width="1256" height="1101" data-path="images/write-and-edit/code/en/content/insert-code-block.png" />

## Alterando a linguagem

Defina a linguagem de programação para o realce de sintaxe adequado:

<Steps>
  <Step>
    Clique no three-dot menu (⋯) no canto superior direito do Bloco.
  </Step>

  <Step>
    Clique em **Select Language** (ícone de código).
  </Step>

  <Step>
    Escolha outra linguagem na lista.
  </Step>

  <Step>
    O realce é atualizado imediatamente para linguagens suportadas.
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/crCjmeXe7Wo0HfP_/images/write-and-edit/code/en/content/select-language.png?fit=max&auto=format&n=crCjmeXe7Wo0HfP_&q=85&s=8d145448ae29857836217cf627895393" alt="Selecting a programming language" width="999" height="881" data-path="images/write-and-edit/code/en/content/select-language.png" />

## Personalizando o Tema

Altere a aparência visual dos seus Blocos de código:

<Steps>
  <Step>
    Clique no three-dot menu (⋯) no canto superior direito do Bloco.
  </Step>

  <Step>
    Clique em **Select Theme** (ícone de pincel).
  </Step>

  <Step>
    Escolha seu tema preferido na lista.
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/crCjmeXe7Wo0HfP_/images/write-and-edit/code/en/content/select-theme.png?fit=max&auto=format&n=crCjmeXe7Wo0HfP_&q=85&s=371bb814edd2b827a47e4f7ed5a19622" alt="Selecting a code theme" width="999" height="881" data-path="images/write-and-edit/code/en/content/select-theme.png" />

## Principais Recursos

O editor de código atualizado do Craft inclui várias melhorias:

* **Integração com o Assistente de IA da Craft** – Trabalhe no seu código diretamente com o Assistente de IA
* **Modo de tela cheia** – Foque no código sem distrações
* **Sem limite de caracteres** – Amostras de código longas são totalmente suportadas
* **Quebra de linha** – Melhor leitura para linhas longas
* **Estabilidade aprimorada** – Problemas anteriores com Blocos de código que desapareciam foram corrigidos
* **Modo de tela cheia limpo e redesenhado** – Experiência aprimorada no macOS

Essas mudanças tornam a escrita e a manutenção de conteúdo técnico mais fluida e previsível.

## Limitações

O Editor de Código ainda está em evolução. Tenha em mente estes comportamentos:

* **Fórmulas matemáticas** – Não é possível converter um Bloco de código em uma fórmula matemática usando o seletor de linguagem. Fórmulas matemáticas devem ser inseridas explicitamente usando `/menu → Insert TeX formula` ou a barra lateral Inserir.
* **Altura fixa** – Blocos de código na visualização de Documento têm altura fixa e não rolam. Isso evita conflitos entre a rolagem da página e a rolagem do Bloco.
* **Sem realce de sintaxe** para estas linguagens: Ada, Dart, Haskell, Julia, Matlab, Objective-C, Perl, Prolog, Scala, VB.NET
* **Sem autocompletar** – Recursos de autocompletar de código (como adicionar automaticamente tags de fechamento) não são suportados, pois não fazem parte do Runestone, a base do nosso Editor de Código.
* **Desempenho em dispositivos mais antigos** – O desempenho pode ser afetado em dispositivos menos potentes se muitos Blocos de código forem adicionados à mesma página, embora o desempenho geral tenha sido significativamente melhorado.
* **Verificação ortográfica** – O comportamento da verificação ortográfica é controlado pelo Safari ou pelas configurações do sistema, não pelo Craft.

<Info title="Assistente de IA">
  O Assistente de IA da Craft pode trabalhar diretamente com seus Blocos de código, ajudando você a depurar, explicar ou refatorar código sem sair do seu Documento.
</Info>