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/>
