Destacando código fonte com WP-Syntax e TinyMCE Valid Elements
22 de dezembro de 2009 in Nerds, WordPress
Para quem quer ter um blog também sobre programação, é interessante destacar os códigos fontes que forem disponibilizados nos posts para um melhor entendimento. Para isso, é necessário instalar dois plugins para o WordPress.
WP-Syntax
O post responsável pelo colorido nas linhas é o WP-Syntax. Após instalar, a utilização é simples:
<pre lang=”linguagem” line=”1″>
[codigo a ser destacado]
</pre>
Para sua utilização, devemos usar como acima. Em lang, definimos qual o tipo de linguagem que ele vai destacar (a lista de linguagens pode ser vista aqui).
Problemas
O editor do WordPress retira automaticamente tags HTML que são desnecessárias. Assim, se você fosse declarar acima os atributos para a tag pre, ele vai retirar o line=”1″. Para remover essa limitação, instale o plugin TinyMCE Valid Elements.
Ele vai habilitar opções em Configurações. Lá, definimos a tag pre e os atributos que queremos deixar livre de recortes. No nosso caso, line e lang.