TYPO3 Blog -> Blog ->

MacBook Banner 728x90
< T3blog Captcha legt großen Errorlog an

Quellcode in TYPO3 formatiert ausgeben mit sema_sourcecode

21.03.2010
Lina Wolf

Formatierten Quellcode ausgeben ist in TYPO3 sehr simpel. Es müssen lediglich zwei Extensions installiert werden.

Zunächst die TYPO3-Extension geshilib und dann sema_sourcecode installieren. Sofort steht ein Plugin zur Verfüpgung, dass den Quellcode in 30 Sprachen hübsch formatiert ausgibt.

Standartmässig erfolgt die Ausgab ein einem <pre> Tag. Das fürte bei mir jedoch zu Anzeigeproblemen. Glücklicherweise lässt sich durch eine simple TypoScripteinstellung dieses Problem beheben. Folgende Einstellungen nam ich bei mir vor:

 

												
    
												
  1. 
												
     
    
												
    2. 
												
  2. 
												
    /**
    
												
    3. 
												
  3. 
												
    * @author Lina Wolf
    
												
    4. 
												
  4. 
												
    * @description Konfiguration für den Source Code Highlighter sema_sourcecode
    
												
    5. 
												
  5. 
												
    */
    
												
    6. 
												
  6. 
												
    plugin.tx_semasourcecode_pi1.default{
    
												
    7. 
												
  7. 
												
    	view {
    
												
    8. 
												
  8. 
												
     # <div> statt <pre> verwenden
    
												
    9. 
												
  9. 
												
     container = DIV
    
												
    10. 
												
  10. 
												
     # kleinere Einrückungen
    
												
    11. 
												
  11. 
												
     tabwidth = 2
    
												
    12. 
												
  12. 
												
    }
    
												
    13. 
												
  13. 
												
    	# Schlüsselwörter nicht verlinken
    
												
    14. 
												
  14. 
												
    	keyword.links.enable = 0
    
												
    15. 
												
  15. 
												
    	code = font-size: 14px; line-height: 20px;
    
												
    16. 
												
  16. 
												
    	code.overwrite = 0
    
												
    17. 
												
  17. 
												
    }
    
												
    18.

Es ist sogar möglich, den im Quellcode Zeilen zu markieren oder mit einer höheren Zeilennummer zu starten.

Beispiel:

												
    
												
  1. 
												
     table {width:auto;border-collapse:collapse;margin-bottom:0.5em;}
    
												
    2. 
												
  2. 
												
     table.full{width:100%;}
    
												
    3. 
												
  3. 
												
     table.fixed{table-layout:fixed}
    
												
    4. 
												
  4. 
												
     
    
												
    5. 
												
  5. 
												
     th,td {padding:0.5em;}
    
												
    6. 
												
  6. 
												
     thead th {background:#444;color:#fff}
    
												
    7. 
												
  7. 
												
     tbody th {background:#ccc;color:#333}
    
												
    8. 
												
  8. 
												
     tbody th.sub{background:#ddd;color:#333}
    
												
    9.
Keine Kommentare

Kommentar hinzufügen

* - Pflichtfeld

*




*