Editor WYSIWYG HTML

Um editor WYSIWYG construído sobre as APIs contentEditable e document.execCommand do navegador. Digite na área editável, formate com a barra de ferramentas e o HTML subjacente é mantido sincronizado com uma área de texto de código abaixo. A saída reflete o que o navegador emite, portanto a marcação pode diferir do HTML escrito à mão.

1. Clique na área do editor e digite ou selecione texto 2. Use os botões da barra de ferramentas (B, I, U, S, listas, alinhamento, H1/H2/P) para aplicar formatação 3. Clique no botão de link para inserir um hiperlink por meio da caixa de diálogo URL 4. Edite o HTML diretamente na área de texto de código para atualizar a pré-visualização no sentido inverso 5. Clique em Copiar para copiar o HTML atual para a área de transferência

Ações disponíveis: negrito, itálico, sublinhado, tachado; listas não ordenadas e ordenadas; alinhamento à esquerda/centro/direita; formatação de bloco H1, H2 e parágrafo; inserir link (solicita a URL); inserir linha horizontal. Não há upload de imagens, inserção de tabelas, limpeza de código-fonte nem sanitização de HTML da saída.