Wenn man in Typo3 das Content Element “Sitemap” verwendet, kennt das Problem mit <a>-Tags. Innerhalb des Ankers steht immmer onfocus=”blurLink(this);” Um dies zu unterbinden, ist folgender Typoscript Code nötig:

// Typoscript Setup
tt_content.menu.20 {
default.1.noBlur = 1
1.1.noBlur = 1
2.1.noBlur = 1
3.1.noBlur = 1
4.1.noBlur = 1
5.1.noBlur = 1
6.1.noBlur = 1
7.1.noBlur = 1
}

Somit verschwindet der onfocus=”blurLink(this);” Paramter bei allen Sitemap-Typen.

Tags: sitemap, typo3, typoscript

Kategorie tutorials | 0 comments

Diese Referenz dient dem Nachschlagen von bestimmten Funktionen. Sie hat nicht den Anspruch das Konzept TypoScript zu erklären noch ein Tutorial für das Arbeiten mit TypoScript anzubieten. Es wird versucht immer auch einige Beispiele mit anzubringen um die Referenz gerade für Anfänger besser greifbar zu machen. Auch wird versucht möglichst viele Ausdrücke zu verlinken, so dass ein bestimmter Paramter, Datentyp oder eine Funktion direkt nachgeschlagen werden kann. TypoScript Referenz Wiki

Tags: api, referenz, typo3, typoscript

Kategorie typo3 | 0 comments

Hier der Codesnippsel der es ermöglicht Links in RTE-Tabellen darzustellen. Zusätzlich werden auch noch alle p-tags entfernt.

// Typoscript Setup
 lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines {
 	addAttributes.P.class >
 	remapTag >
 	addAttributes.DIV.class >
 	// Angabe von Tags, die nicht mit einem zusaetzlichen wrap umgeben werden duerfen
 	encapsTagList = cite, div, p, pre, h1, h2, h3, h4, h5, h6
 }
lib.parseFunc_RTE.externalBlocks.table {
 	// entfernt p-Tag aus table>tr>td...
 	HTMLtableCells.default.callRecursive = 0
 	// css klassen erlauben
 	stdWrap {
 		HTMLparser.tags.table.fixAttrib.class.list >
 		// links erlauben in tabellen
 		parseFunc {
 			makelinks = 1
 			makelinks.http.keep = scheme,path,query
 			makelinks.mailto.keep = path
 			tags {
 				link = TEXT
 				link {
 					current = 1
 					typolink.parameter.data = parameters : allParams
 				}
 			}
 		}
 	}
 }

Tags: links, table, typo3, typoscript

Kategorie tutorials | 0 comments

Es gibt 2 Möglichkeiten CSS Dateien in Typoscript einzubinden. Die einfachere Methode ist es über die Anweisung page.includeCSS einzubinden.

// Typoscript Setup
page.includeCSS {
	file1 = fileadmin/styles/basic.css
	file1.title = Standardansicht
	file1.media = screen

	file2 = fileadmin/styles/print.css
	file2.title = Drucken
	file2.media = print
}

Alternativ kann man auch CSS im Headerobjekt manuell einbinden. Diese Art der Einbindung ermöglicht auch beliebige weitere Einbindungen wie JS-Scripts u.a.

// Typoscript Setup
page.headerData.5 = TEXT
page.headerData.5.value (
	@import "fileadmin/css/style.css";
)

Tags: css, ts, tutorials, typo3, typoscript

Kategorie tutorials | 2 comments