HTMLed.it
☰ X
▼
undo new compr tree char demo scroll lorem
: 0
OK

Ferramenta de edição, limpeza e conversão, online e gratuita

Converte qualquer documento para HTML limpo. Este formatador de código online e gratuito irá ajudá-lo a criar o seu documento de forma rápida e simples. Pode pré-visualizar e ajustar o documento visual e o código fonte lado a lado. Edite qualquer um destes campos e as alterações efetuadas serão refletidas no outro campo, instantaneamente enquanto escreve.

html converter online

Editor WYSIWYG “aquilo que vê é aquilo que tem”

O modo de procedimento deste editor visual de texto é muito intuitivo. Funciona como o Microsoft Word, o Open Office ou qualquer outro editor de texto rico, e permite-lhe pré-visualizar como ficarão os seus elementos quando publicar o seu artigo num website. É importante notar que a aparência exata poderá ser diferente, dependendo do ficheiro CSS do website.

online word text to html converter

Editor de código fonte

Editor de código HTML com destaque de sintaxe, com muitas funcionalidades úteis, tais como:

  • Contagem de linhas
  • Destaque de linha
  • Destaque das tags de abertura e respetivo fechamento
  • Fechamento automático de tag
  • Para mais, ver abaixo…

instant source code html preview

Opções de limpeza:

Abrir o menu dropdown para revelar as opções de limpeza. As opções selecionadas são executadas assim que premir o botão principal de limpeza HTML. Premir o ícone vermelho triangular à direita para executar apenas uma delas.

html tidying
  • Estilos alinhados – Esvazia a tag style de quaisquer atributos. É recomendado o uso de um ficheiro CSS separado para a estilização
  • IDs & Classes – Remove todos os atributos class e id. Uma funcionalidade útil para quando pretende transferir um artigo de um website para outro e livrar-se de classes indesejadas
  • Esvazia tags – Apaga tags sem conteúdo ou que contêm apenas um espaço.
  • Tags com um espaço – Limpa tags que contenham apenas um espaço, tais como <p>&nbsp;</p>
  • Espaços repetidos – Remove espaços repetidos, que têm por hábito mover o texto para a direita e provocar falhas no texto: <p>&nbsp;&nbsp;&nbsp;</p>
  • Remove comentários – Elimina comentários HTML: <!-- ... -->
  • Atributos de tag – Apaga todos os atributos de tag, incluindo estilos, classes, etc. Esta opção não afeta o src de imagens e o atributo href de links, caso contrário estas tags tornar-se-iam inúteis.
  • Para texto simples – Remove todas as tags e formatações, deixando o texto simples.

Opções de Editor HTML

toolbar

  • Desfazer – Restaurar o documento para o estado anterior. Voltar ao passo anterior caso uma das opções de limpeza não resulte no resultado desejado.
  • Nova página – Apagar o documento completo para recomeçar com uma página em branco.
  • Comprimir – Separadores e novas linhas são usados para tornar um ficheiro HTML mais legível para humanos, mas não afetam a renderização no navegador de rede. Remova estes caracteres desnecessários a fim de minimizar o tamanho do ficheiro e proporcionar uma velocidade mais rápida de carregamento de página.
  • Vista em árvore – Definir o parágrafo para destacar a hierarquia da tag. Com esta opção, pode tornar novamente legíveis documentos comprimidos.
  • Codificação de caracteres – Decida se gostaria de codificar caracteres especiais ou não. Por exemplo &nbsp;
  • Conteúdo demo – Ocupar o painel com um conteúdo demo que o ajude a testar esta ferramenta. O conteúdo demo contém um cabeçalho, uma tabela, uma imagem, parágrafos e outros elementos.
  • Trabalhar com os editores em simultâneo – Por predefinição, os dois editores funcionam em simultâneo quando o documento é grande. Pode desativar esta funcionalidade.
  • Adicionar texto sem nexo – Adiciona um parágrafo de “Lorem ipsum” no fim do seu ficheiro. Premir novamente para adicionar um diferente.