Alguns podem-se perguntar para que serve a função de ver o código na parte de gestão de conteúdos.  Bem dá exactamente para meter algumas funcionalidades avançadas, vejam por exemplo a criação de um painel escondido que fica logo à espreita com um clique.

O que precisa ? Precisa de ter um backoffice com editor de HTML ou editar um ficheiro directamente.

No caso dos backoffices com editores HTML tem que carregar no botão para ver o código HTML.

De seguida tem que envolver o texto ou código que quer esconder dentro de uma DIV (ver imagem) . Antes do texto tem que ter aquele código de DIV e depois do código tem que fechar a DIV.

Ter em atenção de que se quer fazer vários painéis no mesmo artigo, tem que dar nomes diferentes às divs (os nomes estão identificados pelo id da DIV).

View on screencast.com »

Agora no fim só falta um método para abrir e fechar a DIV e isso pode ser feito através de um link (ver imagem), o link pode vir de um texto ou imagem e quando for clicado, abre ou fecha o painel. É só testar, se tiver problemas ou dúvidas pode sempre mandar-me um mail ( miguel@montejunto.com ) .

Quero ver quem são os mais ousados a testar isto no seu site !

Se quiser algo mais simples e com um efeito parecido veja este artigo : http://www.montejunto.com/item/como-criar-tabs-ou-separadores.html 

Código do link: <a href="javascript:;" onmousedown="if(document.getElementById('painel').style.display == 'none'){ document.getElementById('painel').style.display = 'block'; }else{ document.getElementById('painel').style.display = 'none'; }"> Texto do link </a>

Código da DIV: <div id="painel" style="display:none"> Texto dentro do painel . Pode ter imagens, texto, vídeos youtube, etc.</div>

Miguel Quina Ribeiro