Exibir código-fonte para Código-Fonte

{|
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| O editor produz automaticamente o código HTML conforme as ações que estão sendo realizadas, desta forma não havendo a necessidade de ter qualquer conhecimento de programação em HTML.
O botão [[Imagem:SitePronto106.png]] é útil para usuários avançados que tem conhecimento da linguagem HTML e preferem fazer algumas edições diretamente no código da página, ao clicar nesse botão o código HTML da página será exibido para edição, para retornar a tela do editor clique novamente no mesmo botão.

'''Por exemplo:'''
|}
|-
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| '''Texto na forma que é exibida na área de edição:'''
[[Imagem:SitePronto158.png|400px|Clique para ampliar]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| '''Texto exibido no modo de edição de Código-Fonte:'''
[[Imagem:SitePronto159.png|400px|Clique para ampliar]]
|}
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Site Pronto]]
|}
|}