TYPO3-Testaccount
Testen Sie die aktuelle TYPO3 Version 4.4.2 kostenlos und unverbindlich für einen Monat!

jetzt testen

Schulungen

jetzt buchen

htmlarea / RTE (Konfiguration) - so gehts


Autor Nachricht
Verfasst am: 21. 03. 2006 [13:38]
ms_k
Themenersteller
Dabei seit: 17.02.2005
Beiträge: 133
Hallo Allerseits,

da anscheinend viele das selbe Problem haben, wie ich hatte poste ich hier mal meine komplete RTE konfiguration. Mit angelegten Text- bzw. Absatzstilvorlagen.


Hoffe das hilft einigen über Ihre RTE Probleme hinweg.
htmlArea RTE Version 1.1.3
TSconfig-Eintrag:
TYPOSCRIPT
#*** RTE Classe des Interface (Ausrichtung)
RTE.classes {
	align-left {
		name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyleft
		value = text-align: left;
	}
	align-center {
		name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifycenter
		value = text-align: center;
	}
	align-right {
		name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyright
		value = text-align: right;
	}
}
 
#
# *** Entfernt das Bild vor den Links
RTE.classesAnchor {
	internalLink {
		class = internal-link
		type = page
		image >
	}
	externalLink {
		class = external-link
		type = url
		image >
	}
	externalLinkInNewWindow {
		class = external-link-new-window
		type = url
		image >
	}
	internalLinkInNewWindow {
		class = internal-link-new-window
		type = page
		image >
	}
	download {
		class = download
		type = file
		image >
	}
	mail {
		class = mail
		type = mail
		image >
	}
}
 
 
## RTE Konfiguration
RTE.default {
 
	# Zuweisung der CSS-Datei
	contentCSS = rte_formate.css
 
	## Markup options
	enableWordClean = 1
	removeTrailingBR = 1
	removeComments = 1
	removeTags = center, sdfield
	removeTagsAndContents = style,script
 
	# Buttons die gezeigt/versteckt werden
	showButtons = textstyle, textstylelabel, blockstyle, blockstylelabel, bold, italic, underline, left, center, right, orderedlist, unorderedlist, insertcharacter, line, link, image, removeformat, table, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, findreplace, insertcharacter, undo, redo, showhelp, about
	hideButtons = fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, chMode, inserttag, outdent, indent, justifyfull, subscript, superscript, acronym, copy, cut, paste
 
	# Hält die RTE Icons gegroupt zusammen
	keepButtonGroupTogether = 1
 
	# blendet Statusbar in htmlarea aus
	showStatusBar =  0
 
	## Add styles Left, center and right alignment of text in paragraphs and cells.
	inlineStyle.text-alignment (
		p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
		p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
		p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }
	)
 
	## Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only)
	ignoreMainStyleOverride = 1
 
	proc {
		# tags die erlaubt / verboten sind
		allowTags = table, tbody, tr, th, td, h1, h2, h3, h4, h5, h6, div, p, br, span, ul, ol, li, re, blockquote, strong, em, b, i, u, sub, sup, strike, a, img, nobr, hr, tt, q, cite, abbr, acronym, center
		denyTags = font
 
		# br wird nicht zu p konvertiert
		dontConvBRtoParagraph = 1
 
		# tags sind erlaubt außerhalt von p, div
		allowTagsOutside = img,hr
 
		# erlaubte attribute in p, div tags
		keepPDIVattribs = align,class,style,id 
 
		# List all class selectors that are allowed on the way to the database
		allowedClasses (
			external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,
			align-left, align-center, align-right, author
		)	
 
		# html parser einstellungen
		HTMLparser_rte {
 
			# tags die erlaubt/verboten sind
			allowTags < RTE.default.proc.allowTags
			denyTags < RTE.default.proc.denyTags
 
			# tags die untersagt sind
			removeTags = font
 
			# entfernt html-kommentare
			removeComments = 1
 
			# tags die nicht übereinstimmen werden nicht entfernt (protect / 1 / 0)
			keepNonMatchedTags = 0
		}
 
 
		# Content to database
		entryHTMLparser_db = 1
		entryHTMLparser_db {
 
			# tags die erlaubt/verboten sind
			allowTags < RTE.default.proc.allowTags
			denyTags < RTE.default.proc.denyTags
 
			# CLEAN TAGS
			noAttrib = b, i, u, strike, sub, sup, strong, em, quote, blockquote, cite, tt, br, center
 
			rmTagIfNoAttrib = span,div,font
 
			# htmlSpecialChars = 1
 
			## align attribute werden erlaubt
			tags {
				p.fixAttrib.align.unset >
				p.allowedAttribs = class,style,align
 
				div.fixAttrib.align.unset >
 
				hr.allowedAttribs = class
 
				# b und i tags werden ersetzt (em / strong)
				b.remap = strong
				i.remap = em
 
				## img tags werden erlaubt
				img >
			}
		}
 
	}
 
	# Classes: Ausrichtung
	classesParagraph (
		align-left, align-center, align-right
	)
 
	# Classes: Eigene Stile
	classesCharacter = author
	classesImage= rte_image
 
 
	# Classes für Links (These classes should also be in the list of allowedClasses)
	classesAnchor = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail
	classesAnchor.default {
		page = internal-link
		url = external-link-new-window
		file = download
		mail = mail
	}
 
	# zeigt alle CSS-Klassen die in formate.css vorhanden sind
	showTagFreeClasses = 1
 
	# Do not allow insertion of the following tags
	hideTags = font
 
	# Tabellen Optionen in der RTE Toolbar
	hideTableOperationsInToolbar = 0
	keepToggleBordersInToolbar = 1
 
	# Tabellen Editierungs-Optionen (cellspacing/ cellpadding / border)
	disableSpacingFieldsetInTableOperations = 1
	disableAlignmentFieldsetInTableOperations=1
	disableColorFieldsetInTableOperations=1
	disableLayoutFieldsetInTableOperations=1
	disableBordersFieldsetInTableOperations=0
}
 
# Use same processing as on entry to database to clean content pasted into the editor
RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db
 
# FE RTE configuration (htmlArea RTE only)
RTE.default.FE < RTE.default
RTE.default.FE.userElements >
RTE.default.FE.userLinks >
 
# Breite des RTE in Fullscreen-Ansicht
TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 80%



rte_formate.css (heisst bei mir halt so):

.author {
font-size:11px;
font-weight:bold;
font-style:normal;
color:#961207;
}

span.author {
font-size:11px;
font-weight:bold;
font-style:normal;
color:#961207;
}


Konfiguration in den Extensions-Einstellungen:
Default configuration settings: Demo
Enable images in the RTE: haken gesetzt
Enable compressed scripts: haken nicht gesetzt


So denn, dann viel Spass und gutes gelingen
Karin icon_cool.gif

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 21.03.2006 um 13:39.]

Profil
Verfasst am: 21. 03. 2006 [14:31]
just2b
TYPO3-Gott
Moderator
Dabei seit: 04.08.2004
Beiträge: 19047
Danke Karin!

=> TYPO3 - inspiring people to share <= aber kein Support per PM!

=> in eigener Sache: · inspiring people to share your location Trag dich in die TYPO3 Weltkarte ein und zeige wie groß die TYPO3 Community ist - vielen Dank!<=
ProfilWWW
Verfasst am: 21. 03. 2006 [17:54]
ms_k
Themenersteller
Dabei seit: 17.02.2005
Beiträge: 133
icon_biggrin.gif Nur als kleine Anmerkung zum RTE Guide, zum techn. drum herum:

- TYPO3: Version: 3.8.1
- Extension: htmlArea RTE Version 1.1.3

Profil
Verfasst am: 27. 03. 2006 [13:25]
EwaldMI
Dabei seit: 08.03.2006
Beiträge: 42
Hallo!

Zwei kurze Fragen:

In welche TSconfig muss ich das Script einbauen?

und

In welches Verzeichnis muss das rte_formate.css?

Vielen Dank

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 27.03.2006 um 13:25.]

MfG aus Münster, Ewald
Profil
Verfasst am: 27. 03. 2006 [14:06]
M8TRIX
Dabei seit: 18.12.2004
Beiträge: 330
@EwaldMI

Setze den obigen TS-Code im TSconfig: deiner Root-Seite (Hauptseite).

Das zweite ist dir überlassen wo du die css Datei ablegst. Wichtig ist nur das Du später richtig auf diese verlinkst bzw. sie einbindest.


TYPOSCRIPT
# RTE Konfiguration
RTE.default {
# Zuweisung der CSS-Datei
contentCSS = fileadmin/templates/html/css/rte_formate.css}

da liegt Sie bei mir. Der Pfad muss halt stimmen.

ALL:
Welcher Teil des TS Codes behebt denn den BUG, das Links die in Tabellen gesetzt wurden einfach nicht mehr vorhanden sind. Zumindest nicht im Frontend?

Wäre supi wenn mir jemand genau diesen Teil rauspickt! denn bei mir fuktionieren nun alle bereits vorhandenen LINKS die in einer Tabelle sind nicht mehr!

lg sandra

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 27.03.2006 um 14:13.]

Hilfe gibts auch hier:
www.typo3forum.net
ProfilWWWICQAIM
Verfasst am: 29. 03. 2006 [10:29]
Andrea_Herzog
Dabei seit: 06.09.2004
Beiträge: 413
Hallo Sandra,

theoretisch das hier:

TYPOSCRIPT
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.stdWrap.parseFunc {
  makelinks = 1
  makelinks.http.keep = scheme,path,query
  makelinks.mailto.keep = path
  tags {
      link = TEXT
          link {
          current = 1
          typolink.parameter.data = parameters : allParams
          }
   }


Funktioniert bei mir auf einer Seite tadellos,
auf einer anderen Seite nicht. Keine Ahnung warum.

Viele Grüße
Andrea
Profil
Verfasst am: 30. 03. 2006 [15:18]
M8TRIX
Dabei seit: 18.12.2004
Beiträge: 330
Mist! Bei mir funktioniert das nicht icon_frown.gif

Im RTE sieht man die Links noch als LInks (er zeigt auch an, welche datei zb dahinter gelinkt ist)

Im Frontend jedoch gibt er keine links aus. Stattdessen steht im quelltext:

HTML
<LINK fileadmin/upload/dateien/muster_72dpi.jpg 400x500>72 dpi </LINK>


Hat keiner ne Ahnung was das sein könnte?

lg sandra

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 30.03.2006 um 15:18.]

Hilfe gibts auch hier:
www.typo3forum.net
ProfilWWWICQAIM
Verfasst am: 31. 03. 2006 [19:38]
onkelfusspilz
Dabei seit: 09.11.2004
Beiträge: 82
Hallo Karin,

dein Post hat mir eine Menge Arbeit und Ärger erspart, vielen Dank dafür!

Aber zu 100% gezähmt habe ich das RTE-Monster noch nicht. Ich verwende den RTE 1.2 (mit dem die Config aber reibungslos funktioniert), folgende Dinge sind bei mir noch unrund:

1.) Die Schaltfläche zum Umschalten in die Quelltext-Ansicht ist verschwunden (früher Symbol "<>". Man kann die Funktion zwar durch "Rich Text Editor abschalten:" erreichen, muss dazu aber speichern und dann wieder aktivieren und nochmal speichern um kurz die Ansicht zu wechseln.
2.) Wenn ich im RTE eine Tabelle einfüge und dann rechte Maustaste "Tabelleneigenschaften" auswähle, so gibt es dort ein Feld "Überschrift". Sieht auch ok aus im RTE aber im FE steht dann <caption>Tabellen-Überschrift</caption> (und zwar wirklich der Tag!)

Hat jemand Lösungsansätze zu einem (oder besser mehreren) dieser Probleme? Oder hat die Probleme ausser mir zumindest noch jemand oder geht das bei euch?

@Matr1x: Kannst Du mal schauen was Du im Typoscript Objectbrowser für "lib.parseFunc.allowTags" respektive "lib.parseFunc.denyTags" gesetzt hast? Versuch es ggf. mal mit
TYPOSCRIPT
lib.parseFunc.allowTags = *
lib.parseFunc.denyTags =
Eine weitere Idee wäre: Kann es sein dass Du den Code verwendest der hier in einem Thread gepostet wurde und das Problem "<br /> wraps in Tabellenzellen" behebt? Ich glaube das war sowas wie
TYPOSCRIPT
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.callRecursive = 0 
tt_content.table.20.innerStdWrap.parseFunc.nonTypoTagStdWrap.encapsLines.wrapNonWrappedLines = |
tt_content.stdWrap.dataWrap >
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines>
Kommentiere die Zeile doch mal zum Test aus und sag ob Du damit Erfolg hattest.

Grüsse,
Andreas

[Dieser Beitrag wurde 2mal bearbeitet, zuletzt am 31.03.2006 um 20:40.]
ProfilICQ
Verfasst am: 03. 04. 2006 [07:43]
M8TRIX
Dabei seit: 18.12.2004
Beiträge: 330
onkelfusspilz schrieb:

1.) Die Schaltfläche zum Umschalten in die Quelltext-Ansicht ist verschwunden (früher Symbol "<>".


Dito! Ich bräuchte diesen Quelltext Button ebenfalls dringend wieder!
Hab ihn eigentlich per TS eingeblendet, vorrausgesetzt der Code ist richtig!
TYPOSCRIPT
# which buttons should be shown?
RTE.default.showButtons = code

Sollte der TS Code falsch sein, korrigiert mich bitte.

onkelfusspilz schrieb:

@Matr1x: Kannst Du mal schauen was Du im Typoscript Objectbrowser für "lib.parseFunc.allowTags" respektive "lib.parseFunc.denyTags" gesetzt hast?


Ich verbiete des font-Tag.
TYPOSCRIPT
RTE.default.proc { 
denyTags = font 
// LINES CONVERSION
dontConvBRtoParagraph = 1
}



onkelfusspilz schrieb:

Eine weitere Idee wäre: Kann es sein dass Du den Code verwendest der hier in einem Thread gepostet wurde und das Problem "<br /> wraps in Tabellenzellen" behebt? Ich glaube das war sowas wie
TYPOSCRIPT
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.callRecursive = 0 
tt_content.table.20.innerStdWrap.parseFunc.nonTypoTagStdWrap.encapsLines.wrapNonWrappedLines = |
tt_content.stdWrap.dataWrap >
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines>
Kommentiere die Zeile doch mal zum Test aus und sag ob Du damit Erfolg hattest.

Grüsse,
Andreas


Ja... icon_biggrin.gif Du hattest recht icon_cool.gif Nachdem ich die Zeilen auskommentiert habe, funktionieren nun auch wieder meine verlinkungen und auch im jeder beliebigen Größe und ebenfalls mit meinen definierten Stilen icon_biggrin.gif Lass Dich mal ganz fest drücken icon_biggrin.gif

viele liebe Grüße

sandra

Hilfe gibts auch hier:
www.typo3forum.net
ProfilWWWICQAIM
Verfasst am: 03. 04. 2006 [11:43]
ms_k
Themenersteller
Dabei seit: 17.02.2005
Beiträge: 133
Hi Ihr beiden,

ich denke ihr sucht diese Funktionen:

TYPOSCRIPT
showButtons = chMode, inserttag


chMode: bringt euch den HTML <-> RTE Umschalter
inserttag: die Option einzelne HTML-Tags einzufügen

Grüße
Karin


Profil