Editor HTML online

Este editor HTML online pode ser utilizado por qualquer pessoa que necessite de usar o código HTML para blog, site ou outro objetivo. Use o editor WYSIWYG para obter o código HTML que você precisa. Basta digitar e formatar o seu conteúdo conforme desejado abaixo usando as ferramentas fornecidas.

Quando estiver pronto, clique no botão "Código-Fonte" e ele irá exibir o código HTML. Copie e cole o código para o seu site.

<h2>Um título qualquer com formatação "Titulo 2"</h2>

<p>Um parâfrafo normal com exemplo de <strong>negrigo</strong>, <em>itálico,</em> <u>sublinhado</u> e um <a href="http://referencia.clevert.com.br">link para uma página externa</a> de exemplo.</p>

<address><span style="font-family:times new roman,times,serif">Formatação Endereço com fonte Times New Roman <img alt="smiley" src="http://localhost/lib/ckeditor/plugins/smiley/images/regular_smile.png" style="height:23px; width:23px" title="smiley" /></span></address>

<h2 style="font-style:italic"><img alt="" class="thumbimage" src="//upload.wikimedia.org/wikipedia/commons/thumb/c/c7/Solar_eclipse_1999_4.jpg/300px-Solar_eclipse_1999_4.jpg" style="height:75px; width:76px" />Little Red Riding Hood</h2>

<p>"<strong>Little Red Riding Hood</strong>" is a famous <a href="http://en.wikipedia.org/wiki/Fairy_tale" title="Fairy tale">fairy tale</a> about a young girl's encounter with a wolf. The story has been changed considerably in its history and subject to numerous modern adaptations and readings.</p>

<table align="right" border="1" cellpadding="1" cellspacing="1">
	<caption><strong>International Names</strong></caption>
	<tbody>
		<tr>
			<td>Chinese</td>
			<td><em>小紅帽</em></td>
		</tr>
		<tr>
			<td>Italian</td>
			<td><em>Cappuccetto Rosso</em></td>
		</tr>
		<tr>
			<td>Spanish</td>
			<td><em>Caperucita Roja</em></td>
		</tr>
	</tbody>
</table>

<p>The version most widely known today is based on the <a href="http://en.wikipedia.org/wiki/Brothers_Grimm" title="Brothers Grimm">Brothers Grimm</a> variant. It is about a girl called Little Red Riding Hood, after the red <a href="http://en.wikipedia.org/wiki/Hood_%28headgear%29" title="Hood   (headgear)">hooded</a> <a href="http://en.wikipedia.org/wiki/Cape" title="Cape">cape</a> or <a href="http://en.wikipedia.org/wiki/Cloak" title="Cloak">cloak</a> she wears. The girl walks through the woods to deliver food to her sick grandmother.</p>

<p>A wolf wants to eat the girl but is afraid to do so in public. He approaches the girl, and she naïvely tells him where she is going. He suggests the girl pick some flowers, which she does. In the meantime, he goes to the grandmother's house and gains entry by pretending to be the girl. He swallows the grandmother whole, and waits for the girl, disguised as the grandmother.</p>

O editor foi criado utilizando a biblioteca do CKEditor, que é um editor WYSIWYG, permite a edição de html sem a necessidade de conhecimento das tags de marcação/formatação do texto.

Um editor WYSIWYG é aquele que permite que um desenvolvedor/editor de código html possa ver o resultado final no momento da edição, ou seja, a impressão final do conteúdo do texto será semelhante ao que o editor vê enquanto a o documento está sendo criado.

Significado da sigla WYSIWYG: "what you see is what you get".
Tradução: "o que você vê é o que você consegue".

Existem várias outras bibliotecas similares com o mesmo propósito, como o Tinymce e o NicEdit.