Automatyczne "oblewanie" tekstu tagami HTML
![Automatyczne "oblewanie" tekstu tagami HTML](/content/images/size/w2000/wordpress/2011/11/1322387095_picons561.png)
Rozwiązanie, które mi na stronie pomaga. Zastosowałem shotcode do ładnego prezentowania listingów na stronie.
Chodzi o to ze JS, który mam na stronie i jest odpowiedzialny za kolorowanie składni wymaga od mnie podania <pre><code> mój kod </code></pre>.
Troszkę mnie to męczyło, poza tym drobne problemy były gdy przechodziłem między edytorem wizualnym a HTML.
Teraz dzięki prostej funkcji zapisanej w functions.php dodaje przed i za listingiem shortcode o nazwie code.
<?php
function kode( $atts, $content = null, $tag ) {
return '<pre><code>' .$content .'</code></pre>';
}
add_shortcode( 'code', 'kode' );
?>
W artykule to wygląda tak:
![code](http://grzenio.pl/wp-content/uploads/2011/11/code.png)