Zum Inhalt springen

Fonts und Size im RTE

Erstellt am 3. Januar 2008 · 4 Antworten · letzte Antwort am 15. April 2008

Tags: Frage

TeeGee ·

Ich versuch's nochmal, obwohl man hier leider nur selten eine Antwort bekommt:
Ich habe es zwar jetzt hinbekommen, dass ich die Fonts und die Schriftgröße im RTE einstellen kann, nur die von mir dann vorgenommenen Einstellungen, was Schriftart und Größe angeht, sind im Frontend nicht sichtbar.
Beim nächsten Aufrufen des RTE sind die Einstellungen dann auch wieder weg.
Woran kann das liegen?

maki32 ·

Bei mir ist das Selbe. Ich verwende TYPO3 Version 4.1
Wenn ich im Extension Manager unter "htmlArea RTE" -> "CONFIGURATION" -> "Default configuration settings" auf "Demo" stelle, geht es, auf "Typical" nicht. Demo ist aber wohl nicht unbedingt zu empfehlen (habe ich gelesen).
Was fehlt in meinem TypoScript für den RTE?
(Ich weiß, den müßte ich auch mal aufräumen) :o

RTE.default.showButtons := addToList(underline, strikethrough)
RTE.default.showButtons := addToList(left, center, right, justifyfull)
RTE.default.showButtons := addToList(textcolor, fontstyle, bgcolor)
RTE.default.showButtons := addToList(cut, copy, paste, undo, redo)
RTE.default.showButtons := addToList(formatblock)
RTE.default.hideButtons := addToList(textindicator, textstyle)
RTE.default.hidePStyleItems = PRE, H1

RTE.default.proc.entryHTMLparser_db.tags.span.fixAttrib.style.unset >
RTE.default.proc.entryHTMLparser_db.removeTags := removeFromList(font)
RTE.default.proc.entryHTMLparser_db.removeTags := removeFromList(u, strike)

RTE.default.removeTags := removeFromList(u, strike)

RTE.default.proc.entryHTMLparser_db.tags.font.allowedAttribs = color
RTE.default.disableColorPicker = 1
RTE.colors {
    color0 {
       name = grau
       value = #333333
    }
    color1 {
       name = rot
       value = #ee0000
    }
    color2 {
       name = blau
       value = #000077
    }
    color3 {
       name = gelb
       value = #ffee00
    }
    color4 {
       name = grün
       value = #007700
    }
    color5 {
       name = schwarz
       value = #000000
    }
    color6 {
       name = weiß
       value = #ffffff
    }
} 
RTE.default.colors = color0, color1, color2, color3, color4, color5, color6

RTE.default.proc.entryHTMLparser_db.tags.font.allowedAttribs = *
RTE.default.hideFontFaces = *
RTE.fonts {
  Serif {
    name = Serif
    value = serif, times
  }
  Monospace {
    name = Monospace
    value = courier, monospace
  }
}
RTE.default.fontFace = Serif, Monospace

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.default {
proc.entryHTMLparser_db.tags {
  p.fixAttrib.align.unset >
  div.fixAttrib.align.unset >
  p.allowedAttribs = class,style,align
  span.fixAttrib.style.unset >
  }
  disableAlignmentFieldsetInTableOperations = 0
  disableSpacingFieldsetInTableOperations = 0
  disableColorFieldsetInTableOperations = 0
  disableLayoutFieldsetInTableOperations = 0
  disableBordersFieldsetInTableOperations = 0
}

RTE.default.FE.proc < RTE.default.proc
RTE.default.FE < RTE.default

Bin für jede Hilfe dankbar,
Matthias

Unbekannter Benutzer ·

Mit folgendem Code im Seiten-TSConfig sollte es gehen.
Ich hoffe, dass das der ausschlaggebende Teil ist.
Ich habe ihn glaub ich halbwegs gut kommentiert.

RTE.default {
	# font-Tags nicht entfernen, denn sie werden
	# für farbigen Text im IE und die Schriftgröße benötigt.
	removeTags := removeFromList(font)

	# Der RTE soll CSS verwenden (=> XHTML).
	# Funktioniert im Firefox;
	# im IE nicht unterstützt...
	useCSS = 1

	# Um Text im Firefox färben zu können und die Schriftart wählen zu können, ist style
	# nötig, ihn zu positionieren class.
	# align ist zum Positionieren im IE nötig.
	tags.p.allowedAttribs = class, style, align
}


### Übernahme in die Datenbank / den Quellcode ###
### Konfiguration für die Transformation des Inhaltes
### zwischen RTE-Feld und Datenbank ###
RTE.default.proc {
	# Einzelne Worte werden im Firefox mittels
	# <span style=““> gefärbt.
	# Im IE wird ein <font color=““> benutzt.
	# (Ebenfalls nötig für Schriftgröße [und Schriftart im IE])
	# Beide zulassen.
	allowTags = font, span

	# Komplette Absätze werden mit dem style-Attribut
	# gefärbt (mit dem Knopf textcolor).
	# class wird für die Ausrichtung
	# links, zentriert, rechts verwendet.
	keepPDIVattribs = class, style, align

	htmlSpecialChars = 0

	HTMLparser_rte { 
		allowTags < RTE.default.proc.allowTags
	}


	### Speichere in Datenbank - Inhalt in die Datenbank
	# Nötig, um Farben, Schriftgröße, -art im IE speicherbar zu machen
	# font-Tags auch hier nicht entfernen
	entryHTMLparser_db.removeTags := removeFromList(font)

	entryHTMLparser_db.tags {
		p.fixAttrib.align.unset >
		div.fixAttrib.align.unset >
		
		# Bei font das Attribut color zulassen,
		# face für Schriftart im IE,
		# size für Schriftgröße (IE und FF).
		font.allowedAttribs = color, face, size
				
		p.allowedAttribs = class,style,align
		
		# Unbedingt nötig für Farben mit Firefox
		span.fixAttrib.style.unset >
	}
}
maki32 ·

Prima, jetzt haut's hin! Ich habe mir die folgenden Zeilen "herausgefiltert" und in mein TSconfig gebaut:

RTE.default {
tags.p.allowedAttribs = class, style, align
}
RTE.default.proc {
keepPDIVattribs = class, style, align
  entryHTMLparser_db.tags {
  font.allowedAttribs = color, face, size
  }
}

Das meiste andere hatte ich ja schon drin und die IE-Dinger sind für mich irrelevant, da ich kein Windows benutze.
Nun kann ich auch mal im TSconfig Ordnung machen 8-)

Herzlichen Dank für die Hilfe!