htmlarea / RTE (Konfiguration) - so gehts: Seite 3

Liberation · 5. Mai 2006 10:29

RTE.default.showTagFreeClasses = 1
ist auf seite 1 im How To achon mit aufgeführt. 😃

MasterChief · 8. Mai 2006 15:42

Hi,

bei mir passiert nichts, wenn ich den Typocode, von Post1 nehme und in mein TSPage kopiere. Meine Frage was muss ich machen, damit er mir die eigenen Klassen einbaut in die Absatz-Box?

Ich benutze Typo3 3.8.1 und htmlArea RTE 1.1.6

Gruß Dominik

delldog · 9. Mai 2006 00:03

Hi,

ich komme mit der Konfiguration des htmlarea auch nicht weiter:
Ich habe ebenfalls den Code aus dem dem ersten Posting nach ...
- TSconfig der root-page (die Seite, wo ich "ist Anfang der Webseite" angewählt habe. Diese Seite befindet sich direkt unterhalb der Weltkugel)
- TSConfig des Admin
- TSConfig eines normalen Redakteur
- TSConfig einer Seite, wo ich dann den HTMLarea aufgerufen habe,
- ins Template (wir auch im Object-Browser unter TSSetup angezeigt)
kopiert.

Absolut keinerlei Auswirkungen im HTMLArea 1.4 in T3/ V4.0 sowohl im Firefox 1.5 als auch im IE 6.0. Caches sind sowohl im T3 als auch in den Browsern gelöscht.

Auch kein Effekt, wenn ich den Classic-RTE aktiviere bzw. deaktiviere.

Wäre froh, wenn jemand noch einen Rat für mich hätte.

Gruss Stephan.

Liberation · 9. Mai 2006 10:08

Hast Du denn auch die css datei mit eingebunden?

MasterChief · 9. Mai 2006 15:33

Wird eigentlich dieses RTE-Objekt im Objektbrowser angezeigt, wenn man nur HTMLAREA installiert hat? Weil bei mir taucht das immer erst auf, wenn ich etwas in TS schreibe sonst nicht. Und das was ich in TS schreibe hat keine Wirkung auf den HTMLAREA. Ich bekomme egal was ich mache immer diese Standardeinstellung wie z.B.
Justify Left
Justify Center
Justify Right
Fram with gray background
Fram with yellow background

Habe auch schon mal eine Typo ne aufgesetzt und nur HTMLAREA installiert ändert sich aber nichts daran.

Gruß Dominik

delldog · 9. Mai 2006 18:36

Oh mann wie peinlich: :o

Ich hab den Fehler gefunden : Beim Kopieren des TSCodes und dem Reformatieren ist mir eine Klammer-Zu verloren gegangen.

Sorry für den Fehlalarm .. trotzdem kann man auch daraus was lernen 😉

Stephan.

ms_k · 12. Mai 2006 12:48

Wird eigentlich dieses RTE-Objekt im Objektbrowser angezeigt, wenn man nur HTMLAREA installiert hat? Weil bei mir taucht das immer erst auf, wenn ich etwas in TS schreibe sonst nicht. Und das was ich in TS schreibe hat keine Wirkung auf den HTMLAREA. Ich bekomme egal was ich mache immer diese Standardeinstellung wie z.B.
Justify Left
Justify Center
Justify Right
Fram with gray background
Fram with yellow background

das gehört ja auch nicht in die TS sondern in die TSconfig - dann sollte was passieren :o

toyde · 12. Mai 2006 19:32

Finde den Thread mittlerweile nicht mehr als "HowTo" brauchbar.

Entweder ein Mod/Admin greift der Übersicht halber ein, oder das "[HowTo]" im Titel wird entfernt und einmal kompakt gepostet.
Auch die Info, dass das Anfangsscript z.B. in's TSConfig der Root-Site gehört, würde schon einige der Fragen ausmerzen.

Ich finde den htmlArea allein schon genug Arbeit. Da sollte das HowTo ein Herz für Einfachheit haben. Keineswegs bemängle ich die Absicht, die Hilfe hier zu posten - aber die restlichen HowTo's sind in Ihrer Thematik schon etwas aussagekräftiger.

ms_k · 13. Mai 2006 20:49

hi,

Finde den Thread mittlerweile nicht mehr als "HowTo" brauchbar.

Entweder ein Mod/Admin greift der Übersicht halber ein, oder das "[HowTo]" im Titel wird entfernt und einmal kompakt gepostet.
Auch die Info, dass das Anfangsscript z.B. in's TSConfig der Root-Site gehört, würde schon einige der Fragen ausmerzen.

Ich finde den htmlArea allein schon genug Arbeit. Da sollte das HowTo ein Herz für Einfachheit haben. Keineswegs bemängle ich die Absicht, die Hilfe hier zu posten - aber die restlichen HowTo's sind in Ihrer Thematik schon etwas aussagekräftiger.

Tja besser hier mit Diskussion und weiterführender Hilfe als keine Hilfe zu htmlarea - würde ich an dieser Stelle sagen.

Hierzu fällt mir sonst nur der dumme Spruch ein:
wer lesen kann ist klar im Vorteil.

Im ersten post steht wos hingehört und zwar in die TSconfig, das es nicht die Benutzer TSconfig sein kann sollte klar sein oder.

Sorry, das mal so deutlich zu sagen.

Grüße und hoffe es hilft dir trotzdem weiter

ms70 · 14. Mai 2006 00:06

fuer Text-Links im htmlarea kann ich z.B. beim Datei-Link nicht die Groesse des Pop-Ups bestimmen (Open in window: Width x Height). Waehle ich Werte aus den beiden Dropdown Listen, werden die in die Zeile Ziel: uebernommen und im Quelltext der Seite erscheint dann der Link als

<a target="400x100" href="fileadmin/dateien/

und das neue Fenster hat die gleiche Groesse wie das Parent ...
Kann man das irgendwie/-wo reparieren...?

maop · 14. Mai 2006 11:39

Hallo,

wie kann ich festlegen, dass Formatierungen beim Kopieren aus Word-Dokumenten oder ähnlichem nicht übernommen werden.
Der eingefügte Text soll dann also komplett unformatiert sein, wie beim Einfügen in Textelemente ohne RTE.
Zeilenumbrüche sollen aber übernommen werden.
Anscließend kann der Redakteur ihn dann nach den Vorgaben formatieren.

Außerdem funktioniert bei mir das Einfügen von Bildern über Drag&Drop nur im IE, nicht im Firefox, oder ist das normal?

Ich verwende Typo3 4.0 / htmlarea 1.4.1 und die (fast komplette) Konfiguration aus dem ersten Post.

Gruß
maop

mendragol · 15. Mai 2006 10:25

Hallo zusammen

Wie kann ich denn die Auswahl beeinflussen die einem fontsize vorgibt? Ich möchte in dieser noch 7 pt eintragen können ohne gleich alles umbauen zu müssen.

Mein bisheriger Code

setup.default.edit_RTE = 1
options.HTMLAreaPluginList = TableOperations, SpellChecker, ContextMenu, SelectColor, TYPO3Browsers, InsertSmiley, FindReplace, RemoveFormat, CharacterMap, QuickTag, InlineCSS, DynamicCSS, UserElements, Acronym
options.HTMLAreaPspellMode = normal
options.RTEkeyList = fontsize,formatblock,bold,italic,underline,left,center,right,orderedlist,unorderedlist,outdent,indent,textcolor,textindicator,link,image,chMode,removeformat,copy,cut,paste,undo,redo,table

Danke und Gruss
Mendragol

ms_k · 15. Mai 2006 18:22

Hallo mendragol,

also um die Schaltfläche Schriftgröße einzublenden einfach das TSconfig Script um fontsize bei showButtons ergänzen:

# Buttons die gezeigt/versteckt werden
showButtons = fontsize, ...

und halt die andern Schaltflächen die du so brauchst (Zeile 67 in Post 1).

Damit erhälst du per Default ein <font size=1> etc. bis 7.

Grüße
ms_k

ms_k · 15. Mai 2006 18:27

Hallo maop,

es gibt eine Option im RTE die nennt sich "Formatierungen entfernen" die könntest du dafür nehmen.

showButtons = removeformat, ..

Einzublenden über den RTE mittel removeformat, aber dann musst erst den Text reinkopieren und kannst dann mit dieser Funktion die Wordfomatierungen entfernen.

Außerdem funktioniert bei mir das Einfügen von Bildern über Drag&Drop nur im IE, nicht im Firefox, oder ist das normal?

mmh noch nie getestet, weder im IE noch 😉

Grüße

Liberation · 15. Mai 2006 18:37

schon mal den post Nr.1 gelesen???

#
## Markup options
#
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags = center, sdfield
removeTagsAndContents = style,script

schreibst du rein was du weg haben möchtest, fertig.
z.b. removeTags = center, sdfield, border, font, ...

Muckster · 18. Mai 2006 15:49

Hab auch noch ein Problem:

mit meinem auf der vorherigen Seite geposteten Setup werden immer die Standard-Schriftformatierungen beim speichern entfernt, Also z.B. Fett, Kursiv etc.

<span style="font-weight: bold;">TEST</span>

D.h. Nur der span-tag wird entfernt, nicht der Inhalt.

Finde nur Einstellungen zu Klassen, hoffe mir kann jemand weiterhelfen...

ms_k · 18. Mai 2006 16:05

mmh erlaubst du überhaupt span tags?

proc.allowTags = span, ...

Muckster · 18. Mai 2006 16:28

Auch wenn ich die Tags (also auch span) expliziet erlaube bzw. verbiete passiert das gleiche:

proc {
# Tags erlauben
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
		
# Tags verbieten
denyTags = font
.
.
.

Muss doch aber was mit proc zu tun haben...oder? Hier nochmal mein ganzes Setup:

### Spalten ausblenden ###
TCEFORM.tt_content.colPos.removeItems = 1,2,3
mod.SHARED.colPos_list = 0

###RTE:###

## Anchor classes configuration for use by the anchor accessibility feature
RTE.classesAnchor {
	externalLink {
		class = external-link
		type = url
		image = fileadmin/templates/htmlarea/img/external_link.gif
		altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_altText
		titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_titleText
	}
	externalLinkInNewWindow {
		class = external-link-new-window
		type = url
		image = fileadmin/templates/htmlarea/img/external_link_new_window.gif
		altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_altText
		titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_titleText
	}
	internalLink {
		class = internal-link
		type = page
		image = fileadmin/templates/htmlarea/img/internal_link.gif
		altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_altText
		titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_titleText
	}
	internalLinkInNewWindow {
		class = internal-link-new-window
		type = page
		image = fileadmin/templates/htmlarea/img/internal_link_new_window.gif
		altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_altText
		titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_titleText
	}
	download {
		class = download
		type = file
		image = fileadmin/templates/htmlarea/img/download.gif
		altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:download_altText
		titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:download_titleText
	}
	mail {
		class = mail
		type = mail
		image = fileadmin/templates/htmlarea/img/mail.gif
		altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_altText
		titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_titleText
	}
}

### 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;
	}
}

# Breite des RTE in Fullscreen-Ansicht
TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 90%

### RTE Standard-Config ###
RTE.default {
  ## Zuweisung der CSS-Datei
  contentCSS = fileadmin/templates/htmlarea/htmlarea-edited-content.css
	
  ## Markup options
  enableWordClean = 1
  removeTrailingBR = 1
  removeComments = 1
	removeTags = center, sdfield
	removeTagsAndContents = style, script
	
	# Buttons die gezeigt/versteckt werden
	showButtons = chMode, 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, copy, cut, paste
	hideButtons = fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, inserttag, outdent, indent, justifyfull, subscript, superscript, acronym, about

	# Hält die RTE Icons gegroupt zusammen
	keepButtonGroupTogether = 1

	# blendet Statusbar in htmlarea aus
	showStatusBar =  0
	
	# Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only)
	ignoreMainStyleOverride = 1
	
	# zeigt alle CSS-Klassen die in formate.css vorhanden sind
	showTagFreeClasses = 1
	
	# Specifies that Mozilla/Firefox should use style attributes or not. When enabled, Mozilla/Firefox use span tags with style attributes rather than tags such as b, i, font, etc.
	useCSS = 1

	## 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; }
	)

	# 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
	}
	
	# Classes: Ausrichtung
	classesParagraph (
		align-left, align-center, align-right, box1
	)

	# Classes: Eigene Stile
	classesCharacter = headline
	classesImage = rte_image
	
	# 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 = 0
	disableColorFieldsetInTableOperations = 1
	disableLayoutFieldsetInTableOperations = 1
	disableBordersFieldsetInTableOperations = 0
	
	# FE RTE configuration (htmlArea RTE only)
	FE < RTE.default
	FE.userElements >
	FE.userLinks >
	
	## Use same processing as on entry to database to clean content pasted into the editor
	enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db

	### Customization of the server processing of the content - also called 'transformations'
	proc {
		# Tags erlauben
		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
		
		# Tags verbieten
		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, box1, headline
		)

		# 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 >
			}
		}
	}
}

steffenk · 19. Mai 2006 12:54

Vielleicht hat ja jemand einen Tipp für mich.

Ich hatte die Ummantelung von Tabellenzelleninhalten mit <p> untebunden durch

lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.callRecursive = 0

Dadurch werden aber auch Links unterbunden.

Wie kann ich das so differenzieren, das tatsächlich nur die Paragraphen wegfallen ?

EDIT
Habe die Lösung, allerdings stosse ich ausgerechnet da auf einen Typo3-Bug:

lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.removeTags = p

Leider sorgt der Bug dafür, das die schliessenden p-tags enthalten bleiben ...
Habs in der Bugliste vermerkt.

delldog · 26. Mai 2006 02:37

Ich glaube ich hab einen kleinen Fehler im ersten Posting des Threads gefunden:

### align attribute werden erlaubt
 .tags {
       p.fixAttrib.align.unset >

Wenn ich bei mir den Punkt (.) vor "tags" weglasse, wird auch das Attribut align im Tag p gespeichert. Mit dem Punkt wird das Attribut beim Speichern weggeworfen.

Oder liege ich falsch und es gibt einen tieferen Sinn für den Punkt?
Bin noch nicht so 100%ig sattelfest in TS.

Gruss Stephan.