All for Joomla All for Webmasters

Como aparecer toolbar do SyntaxHighlighter

Eu vivi por muito tempo um verdadeiro dilema. Eu uso o plugin SyntaxHighlighter, esse que mostra códigos sem executá-los, como vou dar um exemplo bem prático abaixo:


<html>

<head>

<title>Sugar Dance</title>

</head>

<body>

Testando!

</body>

</html>

Acontece que, quando eu passava o mouse sobre a área do código, diferentemente de vários sites que usam esse plugin, não aparecia essa toolbar (barra de ferramentas) abaixo:

E eu ficava frustrada! Fuçava todos os comandos e configurações do plugin e nada… até que, por ironia do destino, durante uma edição qualquer de CSS e fuçando temas, acabei descobrindo como fazer aparecer a toolbar sozinha!

É muito simples: no seu painel WordPress, vá em Settings/Configurações e depois em SyntaxHighlighter (lembrando que o plugin que eu uso é o SyntaxHighlighter Evolved, se você não sabe como usá-lo, clique aqui).

Depois, em Highlighter Version, logo no topo da página, selecione a versão 2.x:

Não esqueça de, após isso, clicar em Save Changes (Salvar alterações) que fica logo abaixo das configurações a serem editadas na página.

Pronto! Fácil, né? Mas… quais são as funções desses íconezinhos na barra?

O primeiro ícone, de uma folhinha com duas tags em cima, abre o código em uma pop-up quando clicado.

O segundo ícone, as duas folhinhas repetidas, copia diretamente o código quando clicando.

O terceiro ícone, a impressora, imprime o código que está sendo visualizado quando clicado.

O quarto ícone, o ponto de interrogação, é apenas para saber mais detalhes sobre o plugin.

Gostou? Ou tem alguma dúvida? Então ask-me: corre lá que eu respondo todas as suas dúvidas e necessidades!