Typo3 Quelltext aufräumen
Veröffentlicht am 18.04.2007 | Kommentar schreiben | Tags: typo3, html, w3c, xhtml, javascript, css
Bei der Verwendung von Typo3 kommt es in der Regel vor, dass der Quelltext mit Typo3 eigenen Kommentaren und Klassen voll geschrieben wird. Um diesen Quelltext zu bereinigen stehen einige Befehle zur Verfügung.
Überschriften von Klassen Attribut befreien
lib.stdheader { 10.1.fontTag = <h1>|</h1> 10.2.fontTag = <h3>|</h3> 10.3.fontTag = <h3>|</h3> 10.4.fontTag = <h4>|</h4> 10.5.fontTag = <h5>|</h5> stdWrap.dataWrap = | }
Durch diese Anweisungen werden die Klassen Tags aus den Überschriften entfernt.
aus
<h1 class="xyz">Überschrift 1</h1>
wird
<h1>Überschrift 1</h1>
Typo3 Kommentare entfernen
page.config.disablePrefixComment = true
Kommentare die von Typo3 für die einzelne Inhaltsblöcke eingefügt werden, unterbindet man mit dieser Anweisung.
Klassen Attribut aus P-Tag entfernen
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >
Durch diese Anweisung wird die Klasse class="bodytext" aus den Paragraphen-Tags entfernt.
XHTML Konfiguration
page.config.htmlTag_langKey = de page.config.xhtml_cleaning = all page.config.doctype = xhtml_trans page.config.doctypeSwitch = 0 [browser = msie] && [version = <6, =6] page.config.doctypeSwitch = 1 [global]
[Danke an Andreas Becker.]
Diese Anweisungen bewirken, dass ein sauberer XHTML Head erstellt wird. Dieser könnte wie im folgenden Beispiel aussehen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <?xml version="1.0" encoding="iso-8859-1"?> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
config.doctypeSwitch = 1 bewirkt in diesem Fall, dass die xml Deklaration nach der DOCTYPE Deklaration kommt. Ist dies nicht der Fall, so hat der Internet Explorer Probleme bei der Interpretation und stellt ggf. Inhalte falsch dar.
Die Anweisung config.xhtml_cleaning = all versucht die Ausgabe XHTML konform zu gestalten. Unter anderen enden alle alleinstehende Tags (img,br,hr...) mit " />", die Kleinschreibung für Elemente und Attribute wird erzwungen, alle Attribute werden in Anführungszeichen gesetzt und das alt-Attributes wird zu Bildern hinzugefügt, falls dieses noch nicht vorhanden ist.
Javascript und CSS auslagern
page.config.removeDefaultJS = external page.config.inlineStyle2TempFile = 1
Schaut man in so machen Typo3 Quelltext, so bietet sich einem das Bild von Ellenlangen JavaScript und CSS Definitionen. Um diese Definitionen, die meist von den Extentions eingefügt werden, auszulagern, sind nur diese zwei kleinen Anweisungen notwendig. Somit reduzieren sich diese JavaScript und CSS Definitionen im Quelltext auf zwei Verweise:
<script type="text/javascript" src="typo3temp/javascript_xxxxxx.js"></script> <link type="text/css" rel="stylesheet" href="typo3temp/stylesheet_xxx.css" />
- Weiterführende Links
- www.typo3.net/tsref/setup/config/
- pastebin.com/f24d62dee
hey vielen Dank für diese kleine Übersicht. Hat mir sehr geholfen!
Grüsse
Hagi aus da Schweiz
Danke, ich suche mir das jedes Mal wieder frisch zusammen. Die Übersicht ist ausgesprochen praktisch.
Hallo Christian,
das ist genau das was ich gesucht hab. Werde jetzt mal unsere Seite überarbeiten.
Und ich habe es mal wieder brauchen können ;)
Werden dadurch autom. die externen JS-Files auf den Space erzeugt? Achso, der Beitrag ist was älter. Braucht man das heute überhaupt noch?
Das ist doch mal eine Beschreibung, die auch für Typo3 Anfänger geeignet ist. Finde ich gut.
Ich finde die Beschreibung wirklich ausführlich gut beschrieben, danke!
Hey, sehr interessanter Artikel.
Als kleine Verbesserung, würde ich config.doctypeSwitch auf 0 setzen und dafür darunter folgendes einfügen:
##XML Prolog bei IE <=6 vertauschen
[browser = msie] && [version = <6, =6]
config.doctypeSwitch = 1
[global]
Hey,
super Tipps, gleich mal alle eingebaut. Waren echt gute Tipps dabei. Funktionieren auch alle super. Endlich sieht beim Quelltext wieder "hübsch" aus.
Gruß Sascha
Super, TYPO3 Tipps. Besonders "Javascript und CSS auslagern" hat mir sehr geholfen.
Weiter so!
Gruß Mario
Vielen Dank für die XML Tipps speziell fürn IE6. Hätte ich das früher gewusst hätte mir das viel Anpassungsarbeit für den QUIRKS ersparrt :)
Großes Dankeschön dafür.
Vielen Dank für die gute Übersicht! Vor Allem diese Klassen in den Überschriften und p-Elementen finde ich sehr nervig.
Grüße
Dominik
Danke für den Beitrag! Dieser hat mir sehr geholfen.
Gruss Frank
Sehr hilfreicher Beitrag. Vielen Dank!