O novo Editor Visual

Para março temos uma longa lista de atualizações: uma novidade interessante para quem não gosta de editar o HTML do site, vários e vários bugs e uma surpresa para quem gosta de gatos. Na postagem de hoje falaremos do primeiro item da lista:

O novo Editor Visual

Do ponto de vista dos usuários, a atualização mais importante de março é o novo Editor Visual. Ela traz, além do novo visual, alterações importantes na forma como o código HTML da página é produzido.

Antigamente, se você criasse a seguinte postagem no editor visual:

Você obteria o seguinte código HTML

<div>uCoz é um sistema de hospedagem grátis com gerenciamento de conteúdo. Os módulos CMS da uCoz podem ser usados em combinações para construir um web site completo, ou separadamente, por exemplo, como plataforma de weblog, fórum etc. A uCoz está em 13º lugar entre os usuários de língua russa segundo a Alexa Internet.</div><div><blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"><div><a href="http://ucoz.com.br" target="_blank">Crie um site grátis no uCoz</a></div></blockquote></div>


Note que os parágrafos nesse código são formados de <div>. Um bug que havia com o editor antigo é que textos muito longos, quando cortados no meio desses <div>s, resultavam em blocos abertos e caos total na formatação do site.

Além do problema com textos grandes, muito usuários reclamavam que o código era incorreto, "sujo" e muito cheio de tags desnecessários

No novo Editor Visual, se você criar o mesmo texto:

Você obterá o seguinte código:

<p>uCoz é um sistema de hospedagem grátis com gerenciamento de conteúdo. Os módulos CMS da uCoz podem ser usados em combinações para construir um web site completo, ou separadamente, por exemplo, como plataforma de weblog, fórum etc. A uCoz está em 13º lugar entre os usuários de língua russa segundo a Alexa Internet.</p> <blockquote> <p><a href="http://ucoz.com.br" target="_blank">Crie um site grátis no uCoz</a></p> </blockquote>


Notem a diferença: o código gerado pelo novo editor usa <p> nos parágrafos e um código de formatação muito mais simples e limpo. Isso não apenas resolve o bug com o <DIV> aberto mas também facilita bastante aqueles que querem usar o editor mas as vezes precisam fazer pequenas alterações diretamente no código.

Além das alterações no código, o bug que acontecia quando você tentava alterar entre o editor de HTML e o editor visual foi resolvido: agora ao retornar ao Editor Visual, uma nova janela separada não é aberta e sim o editor é carregado na janela em uso


Outra vantagem do novo editor visual é a compatibilidade com o editor de textos Word. Agora é possível trabalhar offline em seu texto e, usando copiar e colar, passá-lo para o Editor Visual já com toda a formatação que você preparou no Word.

Fiquem ligados nas outras atualizações do mês: as novas páginas de erro e a lista de bugs resolvidos.

3 comentários
avatar
1 Comentário de Ennio 20.03.2014, 19:47
Gostei do novo editor só por usar a tag HTML para parágrafos. E o visual novo do editor aprovado! up
avatar
2 carlos erick silva 29.05.2014, 19:12
blz otimo.
avatar
3 Comentário de nataliaederlandes 01.02.2016, 23:27
Os usuários do meu site que tentam postar não aparece o editor visual. Apenas o html. Onde eu libero isso para eles?
Faça um comentário