Free online Code editor with instant live preview. Introduza o seu código no editor e veja a antevisão a mudar à medida que escreve. Componha seus documentos facilmente sem instalar qualquer programa.
Existe outro editor HTML online que está usando um editor visual WYSIWYG ligado ao editor de código, mas nós achamos necessário criar um compositor separado onde o TinyMCE não está sobrepondo os erros e dá mais liberdade e controle., Esse editor em particular corrige o nosso código sempre que considera algo um erro, mesmo que não quiséssemos isso. Agora podemos usar marcas e atributos não-padrão, ASP.NET etiquetas e mais.
como usar o editor de código HTML?
irá ver o editor de código pré-preenchido com um texto de demonstração quando carregar o website pela primeira vez, permitindo-lhe experimentar a ferramenta. Carregue este texto sempre que quiser com a opção do menu atribuído. Para abrir uma nova marca use a lista por cima da área de texto. Feche as marcas abertas, carregando no botão Fechar do lado direito da secção superior., Isto irá fechar os itens um a um na ordem de abertura inversa.
A principal área de composição HTML está usando realce de sintaxe para tornar as tags de linguagem de marcação facilmente distinguíveis e mais legíveis. A quantidade de caracteres é mostrada juntamente com os botões de controlo principais: desfazer, nova página, ajustador de tamanho de letra, compressor e o botão de limpeza HTML principal, que executa todas as opções de limpeza assinaladas.
a área de antevisão está localizada no lado direito do editor de código e as mudanças são refletidas aqui instantaneamente para tornar o HTML compondo mais amigável., Esta seção está usando o css do Bootstrap, que lhe permite usar os estilos do framework front-end mais popular.
deslizar mais para baixo poderá encontrar muitas ferramentas integradas úteis. Use o Assistente de marcas para efectuar operações a granel no código. Seguindo a primeira coluna da lista de nomes de marcas, existem opções adicionais para criar novas marcas, substituí-las, apagá-las completamente com o seu conteúdo, remover apenas as marcas, apagar os atributos de marcas de certas marcas e é possível converter tabelas e listas para elementos div estruturados., Para além das marcas predefinidas iframe, table, link, span, image, form E list, poderá definir e manipular outras marcas que as introduzam nos campos de entrada. Todas as acções do Assistente de marcas podem ser executadas individualmente com os pequenos botões de jogo ou podem ser activadas a verificar os pontos cinzentos e aplicá-los todos em conjunto com o botão principal no canto superior direito da janela.
As funcionalidades de limpeza HTML mais básicas estão disponíveis e podem ser aplicadas uma por uma ou todas as opções activas ao mesmo tempo., Limpar os estilos incorporados, As classes e ids indesejados, as marcas vazias, as marcas que contêm apenas um espaço sem quebra, os espaços sucessivos, os comentários. Você também pode se livrar de todos os atributos de marcas (exceto o src de imagens e o href de marcas de âncora) ou remover todas as marcas com um clique no mouse, fazendo do documento um texto simples.
a ferramenta de substituição pode procurar e trocar bits de texto em todo o documento, o conteúdo, os atributos da marca, os estilos ou nas classes/ids. Isto não suporta expressões regulares.,
a escolha de cores é outra característica importante do editor de código HTML que nos permite facilmente selecionar a cor desejada e guardá-los para uso posterior. Os excertos de código mais comuns podem ser facilmente copiados no editor.
O gerador de texto de algaraviada popula o editor ou a área alocada na página com alguns parágrafos básicos do Lorem Ipsum.
dicas úteis
mantenha uma cópia de segurança do conteúdo e salve sempre o progresso do trabalho.
certifique-se de validar o código HTML antes da publicação para evitar erros.
leia sobre todas as más práticas HTML aqui.,
Use o CSS abaixo para estilar as divas convertidas a partir de tabelas: