Forráskód kiemelése a blog.hu-n
A blog - a JIRA bemutatók után - elsősorban programozással foglalkozna, de mivel a blog.hu-n a jelenlegi kódformázás kezdetleges, így egy külső kódformázó/kiemelő alkalmazás után néztem. Az itteni programozási blogok között nem találtam megoldást, így a valoskilometer.blogspot.hu-n is alkalmazott SyntaxHighlighter-ert használom itt is.
JAVA
/** * Test component */ public class MyComponentTrdTest { @Test public void testSomeFailure() { System.out.println("I RAN But failed..."); assertEquals("something failed","blah","boo"); } }
SQL
-- create user table; CREATE TABLE user ( id NUMBER(9), name VARCHAR2(50) );
Alkalmazás a blogon
A SyntaxHighlighter használatához saját sablont kell használnunk, aminek elejére a lenti kódot kell beilleszteni a CSS és JavaScript beolvasásához (HTML fül). A különböző szintaktikákhoz más-más javascriptet kell importálnunk (pl: CSS-hez shBrushCss.js-t).
<blh:head_required /> <link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeEclipse.css" rel="stylesheet" type="text/css" /> <link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" /> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js" type="text/javascript"> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js" type="text/javascript"> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript"> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js" type="text/javascript"> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript"> <blh:body_required />
Ezután a formázás még elcsúszhat, mert van egy alapértelmezett "code" tag az itteni sablonok között, így azt ki kell törölnünk vagy kommenteznünk. A saját sablon szerkesztésénél a CSS fül alatt.
/*code { background-color: #f0f0f0; border: 1px solid #ccc; color:#333; display:block; margin: 20px 25px; padding: 10px 10px 10px 21px; }*/
Végül a vékony oszlopszélességek miatt érdemes a kód betűinek nagyságát csökkenteni a saját sablonban a HTML fül alatt (felülírjuk az importált css fájlban lévőt: 1 em --> 0.7 em):
<style type="text/css"/> div.line { font-size: 0.7em !important; } </style/>