Wikizone - Benutzerbeiträge [de]

Typo3 und CSS

2006-07-03T16:28:05Z

84.161.200.118:

== Inline Styles ==
=== Alle Inline Styles in eine externe Datei auslagern ===
automatisch alle inline CSS Stile in eine temporäre Datei auslagern:
config.inlineStyle2TempFile = 1

=== Inline Styles aus cron_cssstyledimgtext entfernen ===
'''Im Setup'''

plugin.tx_croncssstyledimgtext._CSS_DEFAULT_STYLE =

setzen und dafür sorgen daß die benötigten Stile im Stylesheet stehen.

== Externes CSS ==
=== mehrere CSS-Dateien einlesen ===
<pre>

[PIDinRootline = pages-uid, pages-uid, ...]

includeCSS {
file1 = fileadmin/mystylesheet1.css
file2 = stylesheet_uploaded_to_template*.css
file2.title = High contrast
file2.media = print
}
</pre>

Mit der Condition [PIDinRootline = pages-uid, pages-uid, ...]
kann man auf diese Weise für verschiedene Seitenbäume mit zusätzlichem CSS anzusteuern. Oder man generiert das CSS dynamisch wie unten beschrieben.

=== Eine externe CSS Datei dynamisch anlegen ===
Dynamisch eine CSS-Datei erstellen

Wenn Sie seitenabhängig CSS-Definitionen brauchen und diese allerdings nicht im Head-Bereich, sondern in einer seperaten Datei stehen sollen, können Sie sich mit einem Trick helfen.

Sie müssen dazu nur die Ausgabe einer Seite wie im folgenden Beispiel definieren:

'''TypoScript (Setup)'''
<pre>
css = PAGE
css {
typeNum = 22
config{
additionalHeaders = Content-type: text/css
disableAllHeaderCode = 1
}
10 = TEXT
10.value (
body {
margin: 0px;
padding: 0px;
}
h5 {
text-decoration: none;
font-weight: bold;
font-size: 40px;
color: red;
background-color: silver;
display: box;
}
)
}
page.headerData.775 = TEXT
page.headerData.775.dataWrap = <link rel="stylesheet" type="text/css"
href="index.php?id={field:uid}&type=22" />|
</pre>

'''TypoScript-Erläuterung'''
Von Zeile 1-23 wird die Ausgabe der CSS-"Datei" konfiguriert. Damit die Ausgabe auch als Text ausgeliefert wird, wird in Zeile 5 die Headerinformation modifiziert.

Die CSS-Datei darf natürlich nicht den Head- und Body-Bereich einer normalen Webseite haben. Aus di
esem Grund wird der Header-Code in Zeile 6 komplett gelöscht.

In Zeile 8-22 wird die Ausgabe noch relativ starr (hier mit Beispieldaten) angegeben - allerdings können Sie die CSS-Daten ja auch aus einem zuvor mit dem Kickstarter ergänzten Datenbankfeld der pages-Tabelle auslesen und hier dynamisch einfügen lassen.

Zeile 24 und 25 fügt jetzt in der normalen Webseite noch den Link zur
Stylesheet-"Datei" ein.

Die TypeNum-Angabe ist überigens nicht zwingend 22.
Sie müssen nur eine freie typeNum verwenden.

Typo3 - Rich Text Editor (RTE)

2006-07-03T12:07:03Z

84.161.200.118: /* htmlarea - Eigene Tags verwenden */

== RTE-Konfiguration als Extension laden ==
Todo. Vgl. die Extension Rich Text Editor pre-configuration die bei den Examples steht.

== RTE einrichten ==
'''Hinweis:'''

Ab Version 4 ist der Editor '''HTMLArea''' eingesetzt, den es für frühere Versionen als Extension gibt. Für Typo3 Versionen unter 4 muß die HTMLArea Extension in einer Version kleiner 1.3 installiert werden sonst gibt's eine Fehlermeldung beim Verlinken.

Das Aussehten des RTE, die verfügbaren Optionen und die HTML-Ausgabe läßt sich einstellen.
Über das PageTS Config Feld der Seiten kann man z.B. einzelne Funktionen des RTE für den Seitenbaum abstellen.

=== RTE HTML-Ausgabe ===
Der RTE formatiert verändert den HTML Code auf verschiedene Weise. Wie er das macht läßt sich beeinflussen. Hier einige nützliche Beispiele:

=== Restriktive RTE-Konfiguration ===

1.Schritt: Nur die Inhaltselemente Text und Text mit Bild sollen mit dem RTE bearbeitet werden.

Im PageTS-Config Feld:
<pre>
RTE.default.disabled=1
RTE.config.tt_content.bodytext.types{
text.disabled = 0
textpic.disabled = 0
}

2. Schritt: Nur noch die Standardformatierung und zwei Spezial formatierungen zur Auswahl lassen:
<pre>
RTE.classes{
highlight{
name = Highlight
value = font:bold; color: red;
}
zitat{
name = Zitat
value=font:italic 15px; margin-left:20px;
}
}
RTE.default.classesCharacter = highlight, zitat
</pre>

3.Schritt: Üver das User TSConfig kann man nun einstellen welche Menüoptionen dem User angezeigt werden.
<pre>
options.RTEkeyList = class, bold, italic, link
</pre>

== Konfigurationsbeispiele ==
== htmlArea ==
Mit der Extension htmlarea steht auch für Mozilla basierte Browser ein Editor zur Verfügung der auf dem bekannten HTMLArea basiert.

Viele der RTE Optionen funktionieren auch in htmlarea, darüber hinaus auch noch einige weitere.

== Konfigurationsbeispiele htmlarea ==
===Eigene Tags verwenden===
<pre>
RTE.default.proc.allowTags = list-of-allowed-tags
RTE.default.proc.HTMLparser_rte.tags.mycustomtag.protect =1
</pre>
where
list-of-allowed-tags is the list of all allowed tags, including your custom tag, and
mycustomtag is the name of your tag.
===Klasse für Tabellen ändern===
«Typo3 always replaces the class I selected in the RTE for a table with the class "contenttable". Do you have an idea how to switch that off?»
Assuming that you have installed extension CSS Styled Content (css_styled_content), add the following line in your TS template Setup field:
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >

The contenttable class will then be added only if no class is specified for the table.
=== diverses ===
==== eigene Klassen ====
<pre>
RTE {
classes {
Infobox {
name = Infobox
value = eigenschaften
}
}

default {
classesParagraph = Infobox
contentCSS = fileadmin/templates/version1/css/style.css
classesCharacter = Infobox
proc.allowedClasses (
Infobox, ...
)
}
}
</pre>

== Probleme und Lösungen ==

=== htmlarea - Eigene Tags verwenden ===
In der Standard - Einstellung werden eigene Tags verworfen. So kann man das verhindern:
### Allow Custom Tags ###
RTE.default.proc.allowTags = list-of-allowed-tags
RTE.default.proc.HTMLparser_rte.tags.mycustomtag.protect =1
Wobei ''list-of-allowed-tags'' eine Kommaseparierte Liste der erlaubten Tags enthält und ''mycustomtag'' den betreffenden neuen Tag schützt.

=== htmlarea - Bilder lassen sich nicht speichern ===
Das "Problem" liegt darin dass htmlarea standardmässig so
konfiguriert ist:

## REMOVE IMG TAGS
entryHTMLparser_db.tags.img.allowedAttribs = 0
entryHTMLparser_db.tags.img.rmTagIfNoAttrib = 1

Damit werden beim Speichern in typo3 also zuerst alle Attribute
aus dem Image-Tag entfernt und schließlich der gesamte Tag auch
noch, weil er ja kein Attribut mehr enthält.

Ohne Häcken im Extension-Manager tut es also auch

## SAVE IMG TAGS
entryHTMLparser_db.tags.img.allowedAttribs = alt,class,style,src,title
entryHTMLparser_db.tags.img.rmTagIfNoAttrib = 1

Vor allem das Attribut src ist wichtig ;-)

===htmlarea - Fehlermeldung wenn Bilder im Frontend angezeigt werden sollen===
Bei Versionen unter Typo3 4.0 eine niedrigere Version von htmlarea verwenden (1.1.3 oder evt. 1.1.6)

Typo3 - Rich Text Editor (RTE)

2006-07-03T12:05:45Z

84.161.200.118: /* Probleme und Lösungen */

== RTE-Konfiguration als Extension laden ==
Todo. Vgl. die Extension Rich Text Editor pre-configuration die bei den Examples steht.

== RTE einrichten ==
'''Hinweis:'''

Ab Version 4 ist der Editor '''HTMLArea''' eingesetzt, den es für frühere Versionen als Extension gibt. Für Typo3 Versionen unter 4 muß die HTMLArea Extension in einer Version kleiner 1.3 installiert werden sonst gibt's eine Fehlermeldung beim Verlinken.

Das Aussehten des RTE, die verfügbaren Optionen und die HTML-Ausgabe läßt sich einstellen.
Über das PageTS Config Feld der Seiten kann man z.B. einzelne Funktionen des RTE für den Seitenbaum abstellen.

=== RTE HTML-Ausgabe ===
Der RTE formatiert verändert den HTML Code auf verschiedene Weise. Wie er das macht läßt sich beeinflussen. Hier einige nützliche Beispiele:

=== Restriktive RTE-Konfiguration ===

1.Schritt: Nur die Inhaltselemente Text und Text mit Bild sollen mit dem RTE bearbeitet werden.

Im PageTS-Config Feld:
<pre>
RTE.default.disabled=1
RTE.config.tt_content.bodytext.types{
text.disabled = 0
textpic.disabled = 0
}

2. Schritt: Nur noch die Standardformatierung und zwei Spezial formatierungen zur Auswahl lassen:
<pre>
RTE.classes{
highlight{
name = Highlight
value = font:bold; color: red;
}
zitat{
name = Zitat
value=font:italic 15px; margin-left:20px;
}
}
RTE.default.classesCharacter = highlight, zitat
</pre>

3.Schritt: Üver das User TSConfig kann man nun einstellen welche Menüoptionen dem User angezeigt werden.
<pre>
options.RTEkeyList = class, bold, italic, link
</pre>

== Konfigurationsbeispiele ==
== htmlArea ==
Mit der Extension htmlarea steht auch für Mozilla basierte Browser ein Editor zur Verfügung der auf dem bekannten HTMLArea basiert.

Viele der RTE Optionen funktionieren auch in htmlarea, darüber hinaus auch noch einige weitere.

== Konfigurationsbeispiele htmlarea ==
===Eigene Tags verwenden===
<pre>
RTE.default.proc.allowTags = list-of-allowed-tags
RTE.default.proc.HTMLparser_rte.tags.mycustomtag.protect =1
</pre>
where
list-of-allowed-tags is the list of all allowed tags, including your custom tag, and
mycustomtag is the name of your tag.
===Klasse für Tabellen ändern===
«Typo3 always replaces the class I selected in the RTE for a table with the class "contenttable". Do you have an idea how to switch that off?»
Assuming that you have installed extension CSS Styled Content (css_styled_content), add the following line in your TS template Setup field:
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >

The contenttable class will then be added only if no class is specified for the table.
=== diverses ===
==== eigene Klassen ====
<pre>
RTE {
classes {
Infobox {
name = Infobox
value = eigenschaften
}
}

default {
classesParagraph = Infobox
contentCSS = fileadmin/templates/version1/css/style.css
classesCharacter = Infobox
proc.allowedClasses (
Infobox, ...
)
}
}
</pre>

== Probleme und Lösungen ==

=== htmlarea - Eigene Tags verwenden ===
In der Standard - Einstellung werden eigene Tags verworfen. So kann man das verhindern:
### Allow Custom Tags ###
RTE.default.proc.allowTags = list-of-allowed-tags
RTE.default.proc.HTMLparser_rte.tags.mycustomtag.protect =1
Wobei list-of-allowed-tags eine Kommaseparierte Liste der erlaubten Tags enthält

=== htmlarea - Bilder lassen sich nicht speichern ===
Das "Problem" liegt darin dass htmlarea standardmässig so
konfiguriert ist:

## REMOVE IMG TAGS
entryHTMLparser_db.tags.img.allowedAttribs = 0
entryHTMLparser_db.tags.img.rmTagIfNoAttrib = 1

Damit werden beim Speichern in typo3 also zuerst alle Attribute
aus dem Image-Tag entfernt und schließlich der gesamte Tag auch
noch, weil er ja kein Attribut mehr enthält.

Ohne Häcken im Extension-Manager tut es also auch

## SAVE IMG TAGS
entryHTMLparser_db.tags.img.allowedAttribs = alt,class,style,src,title
entryHTMLparser_db.tags.img.rmTagIfNoAttrib = 1

Vor allem das Attribut src ist wichtig ;-)

===htmlarea - Fehlermeldung wenn Bilder im Frontend angezeigt werden sollen===
Bei Versionen unter Typo3 4.0 eine niedrigere Version von htmlarea verwenden (1.1.3 oder evt. 1.1.6)

Typo3 - Rich Text Editor (RTE)

2006-07-03T11:52:13Z

84.161.200.118: /* diverses */

== RTE-Konfiguration als Extension laden ==
Todo. Vgl. die Extension Rich Text Editor pre-configuration die bei den Examples steht.

== RTE einrichten ==
'''Hinweis:'''

Ab Version 4 ist der Editor '''HTMLArea''' eingesetzt, den es für frühere Versionen als Extension gibt. Für Typo3 Versionen unter 4 muß die HTMLArea Extension in einer Version kleiner 1.3 installiert werden sonst gibt's eine Fehlermeldung beim Verlinken.

Das Aussehten des RTE, die verfügbaren Optionen und die HTML-Ausgabe läßt sich einstellen.
Über das PageTS Config Feld der Seiten kann man z.B. einzelne Funktionen des RTE für den Seitenbaum abstellen.

=== RTE HTML-Ausgabe ===
Der RTE formatiert verändert den HTML Code auf verschiedene Weise. Wie er das macht läßt sich beeinflussen. Hier einige nützliche Beispiele:

=== Restriktive RTE-Konfiguration ===

1.Schritt: Nur die Inhaltselemente Text und Text mit Bild sollen mit dem RTE bearbeitet werden.

Im PageTS-Config Feld:
<pre>
RTE.default.disabled=1
RTE.config.tt_content.bodytext.types{
text.disabled = 0
textpic.disabled = 0
}

2. Schritt: Nur noch die Standardformatierung und zwei Spezial formatierungen zur Auswahl lassen:
<pre>
RTE.classes{
highlight{
name = Highlight
value = font:bold; color: red;
}
zitat{
name = Zitat
value=font:italic 15px; margin-left:20px;
}
}
RTE.default.classesCharacter = highlight, zitat
</pre>

3.Schritt: Üver das User TSConfig kann man nun einstellen welche Menüoptionen dem User angezeigt werden.
<pre>
options.RTEkeyList = class, bold, italic, link
</pre>

== Konfigurationsbeispiele ==
== htmlArea ==
Mit der Extension htmlarea steht auch für Mozilla basierte Browser ein Editor zur Verfügung der auf dem bekannten HTMLArea basiert.

Viele der RTE Optionen funktionieren auch in htmlarea, darüber hinaus auch noch einige weitere.

== Konfigurationsbeispiele htmlarea ==
===Eigene Tags verwenden===
<pre>
RTE.default.proc.allowTags = list-of-allowed-tags
RTE.default.proc.HTMLparser_rte.tags.mycustomtag.protect =1
</pre>
where
list-of-allowed-tags is the list of all allowed tags, including your custom tag, and
mycustomtag is the name of your tag.
===Klasse für Tabellen ändern===
«Typo3 always replaces the class I selected in the RTE for a table with the class "contenttable". Do you have an idea how to switch that off?»
Assuming that you have installed extension CSS Styled Content (css_styled_content), add the following line in your TS template Setup field:
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >

The contenttable class will then be added only if no class is specified for the table.
=== diverses ===
==== eigene Klassen ====
<pre>
RTE {
classes {
Infobox {
name = Infobox
value = eigenschaften
}
}

default {
classesParagraph = Infobox
contentCSS = fileadmin/templates/version1/css/style.css
classesCharacter = Infobox
proc.allowedClasses (
Infobox, ...
)
}
}
</pre>

== Probleme und Lösungen ==
=== htmlarea - Bilder lassen sich nicht speichern ===
Das "Problem" liegt darin dass htmlarea standardmässig so
konfiguriert ist:

## REMOVE IMG TAGS
entryHTMLparser_db.tags.img.allowedAttribs = 0
entryHTMLparser_db.tags.img.rmTagIfNoAttrib = 1

Damit werden beim Speichern in typo3 also zuerst alle Attribute
aus dem Image-Tag entfernt und schließlich der gesamte Tag auch
noch, weil er ja kein Attribut mehr enthält.

Ohne Häcken im Extension-Manager tut es also auch

## SAVE IMG TAGS
entryHTMLparser_db.tags.img.allowedAttribs = alt,class,style,src,title
entryHTMLparser_db.tags.img.rmTagIfNoAttrib = 1

Vor allem das Attribut src ist wichtig ;-)

===htmlarea - Fehlermeldung wenn Bilder im Frontend angezeigt werden sollen===
Bei Versionen unter Typo3 4.0 eine niedrigere Version von htmlarea verwenden (1.1.3 oder evt. 1.1.6)

Typo3 - Rich Text Editor (RTE)

2006-07-03T11:51:52Z

84.161.200.118: /* Konfigurationsbeispiele htmlarea */

== RTE-Konfiguration als Extension laden ==
Todo. Vgl. die Extension Rich Text Editor pre-configuration die bei den Examples steht.

== RTE einrichten ==
'''Hinweis:'''

Ab Version 4 ist der Editor '''HTMLArea''' eingesetzt, den es für frühere Versionen als Extension gibt. Für Typo3 Versionen unter 4 muß die HTMLArea Extension in einer Version kleiner 1.3 installiert werden sonst gibt's eine Fehlermeldung beim Verlinken.

Das Aussehten des RTE, die verfügbaren Optionen und die HTML-Ausgabe läßt sich einstellen.
Über das PageTS Config Feld der Seiten kann man z.B. einzelne Funktionen des RTE für den Seitenbaum abstellen.

=== RTE HTML-Ausgabe ===
Der RTE formatiert verändert den HTML Code auf verschiedene Weise. Wie er das macht läßt sich beeinflussen. Hier einige nützliche Beispiele:

=== Restriktive RTE-Konfiguration ===

1.Schritt: Nur die Inhaltselemente Text und Text mit Bild sollen mit dem RTE bearbeitet werden.

Im PageTS-Config Feld:
<pre>
RTE.default.disabled=1
RTE.config.tt_content.bodytext.types{
text.disabled = 0
textpic.disabled = 0
}

2. Schritt: Nur noch die Standardformatierung und zwei Spezial formatierungen zur Auswahl lassen:
<pre>
RTE.classes{
highlight{
name = Highlight
value = font:bold; color: red;
}
zitat{
name = Zitat
value=font:italic 15px; margin-left:20px;
}
}
RTE.default.classesCharacter = highlight, zitat
</pre>

3.Schritt: Üver das User TSConfig kann man nun einstellen welche Menüoptionen dem User angezeigt werden.
<pre>
options.RTEkeyList = class, bold, italic, link
</pre>

== Konfigurationsbeispiele ==
== htmlArea ==
Mit der Extension htmlarea steht auch für Mozilla basierte Browser ein Editor zur Verfügung der auf dem bekannten HTMLArea basiert.

Viele der RTE Optionen funktionieren auch in htmlarea, darüber hinaus auch noch einige weitere.

== Konfigurationsbeispiele htmlarea ==
===Eigene Tags verwenden===
<pre>
RTE.default.proc.allowTags = list-of-allowed-tags
RTE.default.proc.HTMLparser_rte.tags.mycustomtag.protect =1
</pre>
where
list-of-allowed-tags is the list of all allowed tags, including your custom tag, and
mycustomtag is the name of your tag.
===Klasse für Tabellen ändern===
«Typo3 always replaces the class I selected in the RTE for a table with the class "contenttable". Do you have an idea how to switch that off?»
Assuming that you have installed extension CSS Styled Content (css_styled_content), add the following line in your TS template Setup field:
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >

The contenttable class will then be added only if no class is specified for the table.
=== diverses ===
<pre>
RTE {
classes {
Infobox {
name = Infobox
value = eigenschaften
}
}

default {
classesParagraph = Infobox
contentCSS = fileadmin/templates/version1/css/style.css
classesCharacter = Infobox
proc.allowedClasses (
Infobox, ...
)
}
}
</pre>

== Probleme und Lösungen ==
=== htmlarea - Bilder lassen sich nicht speichern ===
Das "Problem" liegt darin dass htmlarea standardmässig so
konfiguriert ist:

## REMOVE IMG TAGS
entryHTMLparser_db.tags.img.allowedAttribs = 0
entryHTMLparser_db.tags.img.rmTagIfNoAttrib = 1

Damit werden beim Speichern in typo3 also zuerst alle Attribute
aus dem Image-Tag entfernt und schließlich der gesamte Tag auch
noch, weil er ja kein Attribut mehr enthält.

Ohne Häcken im Extension-Manager tut es also auch

## SAVE IMG TAGS
entryHTMLparser_db.tags.img.allowedAttribs = alt,class,style,src,title
entryHTMLparser_db.tags.img.rmTagIfNoAttrib = 1

Vor allem das Attribut src ist wichtig ;-)

===htmlarea - Fehlermeldung wenn Bilder im Frontend angezeigt werden sollen===
Bei Versionen unter Typo3 4.0 eine niedrigere Version von htmlarea verwenden (1.1.3 oder evt. 1.1.6)

Typo3 - Rich Text Editor (RTE)

2006-07-03T08:53:15Z

84.161.200.118: /* Probleme und Lösungen */

== RTE-Konfiguration als Extension laden ==
Todo. Vgl. die Extension Rich Text Editor pre-configuration die bei den Examples steht.

== RTE einrichten ==
'''Hinweis:'''

Ab Version 4 ist der Editor '''HTMLArea''' eingesetzt, den es für frühere Versionen als Extension gibt. Für Typo3 Versionen unter 4 muß die HTMLArea Extension in einer Version kleiner 1.3 installiert werden sonst gibt's eine Fehlermeldung beim Verlinken.

Das Aussehten des RTE, die verfügbaren Optionen und die HTML-Ausgabe läßt sich einstellen.
Über das PageTS Config Feld der Seiten kann man z.B. einzelne Funktionen des RTE für den Seitenbaum abstellen.

=== RTE HTML-Ausgabe ===
Der RTE formatiert verändert den HTML Code auf verschiedene Weise. Wie er das macht läßt sich beeinflussen. Hier einige nützliche Beispiele:

=== Restriktive RTE-Konfiguration ===

1.Schritt: Nur die Inhaltselemente Text und Text mit Bild sollen mit dem RTE bearbeitet werden.

Im PageTS-Config Feld:
<pre>
RTE.default.disabled=1
RTE.config.tt_content.bodytext.types{
text.disabled = 0
textpic.disabled = 0
}

2. Schritt: Nur noch die Standardformatierung und zwei Spezial formatierungen zur Auswahl lassen:
<pre>
RTE.classes{
highlight{
name = Highlight
value = font:bold; color: red;
}
zitat{
name = Zitat
value=font:italic 15px; margin-left:20px;
}
}
RTE.default.classesCharacter = highlight, zitat
</pre>

3.Schritt: Üver das User TSConfig kann man nun einstellen welche Menüoptionen dem User angezeigt werden.
<pre>
options.RTEkeyList = class, bold, italic, link
</pre>

== Konfigurationsbeispiele ==
== htmlArea ==
Mit der Extension htmlarea steht auch für Mozilla basierte Browser ein Editor zur Verfügung der auf dem bekannten HTMLArea basiert.

Viele der RTE Optionen funktionieren auch in htmlarea, darüber hinaus auch noch einige weitere.

== Konfigurationsbeispiele htmlarea ==
===Eigene Tags verwenden===
<pre>
RTE.default.proc.allowTags = list-of-allowed-tags
RTE.default.proc.HTMLparser_rte.tags.mycustomtag.protect =1
</pre>
where
list-of-allowed-tags is the list of all allowed tags, including your custom tag, and
mycustomtag is the name of your tag.
===Klasse für Tabellen ändern===
«Typo3 always replaces the class I selected in the RTE for a table with the class "contenttable". Do you have an idea how to switch that off?»
Assuming that you have installed extension CSS Styled Content (css_styled_content), add the following line in your TS template Setup field:
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >

The contenttable class will then be added only if no class is specified for the table.

== Probleme und Lösungen ==
=== htmlarea - Bilder lassen sich nicht speichern ===
Das "Problem" liegt darin dass htmlarea standardmässig so
konfiguriert ist:

## REMOVE IMG TAGS
entryHTMLparser_db.tags.img.allowedAttribs = 0
entryHTMLparser_db.tags.img.rmTagIfNoAttrib = 1

Damit werden beim Speichern in typo3 also zuerst alle Attribute
aus dem Image-Tag entfernt und schließlich der gesamte Tag auch
noch, weil er ja kein Attribut mehr enthält.

Ohne Häcken im Extension-Manager tut es also auch

## SAVE IMG TAGS
entryHTMLparser_db.tags.img.allowedAttribs = alt,class,style,src,title
entryHTMLparser_db.tags.img.rmTagIfNoAttrib = 1

Vor allem das Attribut src ist wichtig ;-)

===htmlarea - Fehlermeldung wenn Bilder im Frontend angezeigt werden sollen===
Bei Versionen unter Typo3 4.0 eine niedrigere Version von htmlarea verwenden (1.1.3 oder evt. 1.1.6)

Typo3 - Rich Text Editor (RTE)

2006-07-03T08:51:49Z

84.161.200.118:

== RTE-Konfiguration als Extension laden ==
Todo. Vgl. die Extension Rich Text Editor pre-configuration die bei den Examples steht.

== RTE einrichten ==
'''Hinweis:'''

Ab Version 4 ist der Editor '''HTMLArea''' eingesetzt, den es für frühere Versionen als Extension gibt. Für Typo3 Versionen unter 4 muß die HTMLArea Extension in einer Version kleiner 1.3 installiert werden sonst gibt's eine Fehlermeldung beim Verlinken.

Das Aussehten des RTE, die verfügbaren Optionen und die HTML-Ausgabe läßt sich einstellen.
Über das PageTS Config Feld der Seiten kann man z.B. einzelne Funktionen des RTE für den Seitenbaum abstellen.

=== RTE HTML-Ausgabe ===
Der RTE formatiert verändert den HTML Code auf verschiedene Weise. Wie er das macht läßt sich beeinflussen. Hier einige nützliche Beispiele:

=== Restriktive RTE-Konfiguration ===

1.Schritt: Nur die Inhaltselemente Text und Text mit Bild sollen mit dem RTE bearbeitet werden.

Im PageTS-Config Feld:
<pre>
RTE.default.disabled=1
RTE.config.tt_content.bodytext.types{
text.disabled = 0
textpic.disabled = 0
}

2. Schritt: Nur noch die Standardformatierung und zwei Spezial formatierungen zur Auswahl lassen:
<pre>
RTE.classes{
highlight{
name = Highlight
value = font:bold; color: red;
}
zitat{
name = Zitat
value=font:italic 15px; margin-left:20px;
}
}
RTE.default.classesCharacter = highlight, zitat
</pre>

3.Schritt: Üver das User TSConfig kann man nun einstellen welche Menüoptionen dem User angezeigt werden.
<pre>
options.RTEkeyList = class, bold, italic, link
</pre>

== Konfigurationsbeispiele ==
== htmlArea ==
Mit der Extension htmlarea steht auch für Mozilla basierte Browser ein Editor zur Verfügung der auf dem bekannten HTMLArea basiert.

Viele der RTE Optionen funktionieren auch in htmlarea, darüber hinaus auch noch einige weitere.

== Konfigurationsbeispiele htmlarea ==
===Eigene Tags verwenden===
<pre>
RTE.default.proc.allowTags = list-of-allowed-tags
RTE.default.proc.HTMLparser_rte.tags.mycustomtag.protect =1
</pre>
where
list-of-allowed-tags is the list of all allowed tags, including your custom tag, and
mycustomtag is the name of your tag.
===Klasse für Tabellen ändern===
«Typo3 always replaces the class I selected in the RTE for a table with the class "contenttable". Do you have an idea how to switch that off?»
Assuming that you have installed extension CSS Styled Content (css_styled_content), add the following line in your TS template Setup field:
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >

The contenttable class will then be added only if no class is specified for the table.

== Probleme und Lösungen ==
=== htmlarea - Bilder lassen sich nicht speichern ===
Das "Problem" liegt darin dass htmlarea standardmässig so
konfiguriert ist:

## REMOVE IMG TAGS
entryHTMLparser_db.tags.img.allowedAttribs = 0
entryHTMLparser_db.tags.img.rmTagIfNoAttrib = 1

Damit werden beim Speichern in typo3 also zuerst alle Attribute
aus dem Image-Tag entfernt und schließlich der gesamte Tag auch
noch, weil er ja kein Attribut mehr enthält.

Ohne Häcken im Extension-Manager tut es also auch

## SAVE IMG TAGS
entryHTMLparser_db.tags.img.allowedAttribs = alt,class,style,src,title
entryHTMLparser_db.tags.img.rmTagIfNoAttrib = 1

Vor allem das Attribut src ist wichtig ;-)

Typo3 - Rich Text Editor (RTE)

2006-07-03T08:43:11Z

84.161.200.118:

Typo3 - Einrichten

2006-07-03T08:42:05Z

84.161.200.118:

== Installation ==
[[Typo3 - Installation]]

== wichtige Standardeinstellungen ==
* TS-Umsetzung der Navigation
* Doktype ([[Typo3 - XHTML konforme Seiten]])
* E-Mail Spamschutz, evt. Captcha
* Benutzer TS / Page TS
** sichtbare Spalten (PageTS)
** Zugriffsrechte auf die Seiten
** Zugriffsrechte auf Dateien
** Admin Panel (Frontend-Editing)

== Benutzer einrichten ==
[[Typo3 - Benutzer einrichten]]

== Templates einrichten ==
Wie erstellt man Templates: [[Typo3 - Templates]]

Die Standard Templates in Typo3: [[Typo3 - Static Templates]]

== Rich Text Editor (RTE) einrichten ==
weitere Informationen gibt es unter [[Typo3 - Rich Text Editor (RTE)]]