[TYPO3-german] RTE Fontsize

Basti sebastian.schmal at wacon.de
Fri Dec 14 15:13:41 CET 2007


Hallo,

ich habe es so gemacht, dass ich tags bei mir in der anzeige zulasse ( 
zeichen für code: <>  tags: <|>

dann klick ich dort auf den "tag einfügen" und wähle das nächste feld aus...

hier mal meine RTE-Config:


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

}


#Trage hier ein wo das Bild vor dem Link Entfernt bzw. nicht angezeigt 
werden soll

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 {

         # RTE BG-color
         mainStyle_bgcolor = #ffffff
         mainStyleOverride_add.BODY = { background-color:#ffffff; 
background-image:none; }

         # Zuweisung der CSS-Datei
         contentCSS = /fileadmin/templates/main.css
         useCSS = 1

         # Dafür sorgen, dass die Style-Angaben der 
RTE.default.contentCSS oberste Priorität haben
         ignoreMainStyleOverride = 0

         # Markup options
         enableWordClean = 1
         removeTrailingBR = 1
         removeComments = 1
         removeTags =
         removeTagsAndContents =

         # zeigt alle CSS-Klassen die in .css vorhanden sind
         showTagFreeClasses = 1

         # Tabellen Optionen in der RTE Toolbar
         hideTableOperationsInToolbar = 0
         keepToggleBordersInToolbar = 1

         # Tabellen Editierungs-Optionen (cellspacing/ cellpadding / border)
         disableSpacingFieldsetInTableOperations = 0
         disableAlignmentFieldsetInTableOperations=0
         disableColorFieldsetInTableOperations=0
         disableLayoutFieldsetInTableOperations=0
         disableBordersFieldsetInTableOperations=0

         # Do not allow insertion of the following tags
         hideTags =

         # Buttons die gezeigt/versteckt werden im RTE
         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, chMode, inserttag
         hideButtons = fontstyle, formatblock, fontsize, 
strikethrough,lefttoright, righttoleft, textcolor, bgcolor, 
textindicator, emoticon, user, spellcheck, 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; }
		)

	# Tags die erlaubt werden bzw. verboten werden ( allow / deny )
	proc.entryHTMLparser_db.allowTags < RTE.default.proc.allowTags

         proc {
                 # tags die erlaubt 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, input, form

		# tags die verboten sind
		denyTags = font

                 # br wird nicht zu p konvertiert
                 dontConvBRtoParagraph = 1

                 # tags sind erlaubt außerhalt von p, div
                 allowTagsOutside = img,hr,span,input

                 # erlaubte attribute in p, div tags
                 keepPDIVattribs = align,class,style,id,span,input


                 # Trage hier ein welche tags in zb. span erlaubt sind ( 
müssen übereinstimmen mit deiner .css )
                 allowedClasses (
                         external-link, external-link-new-window, 
internal-link, internal-link-new-window, download, mail,
                         align-left, align-center, align-right
                 )


                 # 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 = font

                         # htmlSpecialChars = 1

                         ## align attribute werden erlaubt

                         tags {
                                 p.fixAttrib.align.unset >
                                 p.allowedAttribs = class,style,align
                                 div.fixAttrib.align.unset >
                                 hr.allowedAttribs = class
                                 span.fixAttrib.style.unset >

                                 ## b und i tags werden ersetzt (em / 
strong)
                                 b.remap = strong
                                 i.remap = em

                                 ## img tags werden erlaubt
                                 img >

                                 ## span tags werden erlaubt
                                 span >
                         }
                 }

         }

         # Classes: Ausrichtung

         classesParagraph (
                 align-left, align-center, align-right
         )

         # Classes: Eigene Stile
         classesCharacter = text_red
         allowedClasses (text_red)

         classesCharacter = text_grun
         allowedClasses (text_grun)

         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
         }


}

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


------------------------


hoffe ich kann dir da helfen, basti



Tobias Pierschel schrieb:
> Hallo Zusammen,
> mich treibt der RTE (HTML Area) zum Wahnsinn. Ich habe den Knopf 
> Fontsize erlaubt. Wenn ich nun einen text vergößern will:
> - macht er das zwar mit <font size="2"></font
> - beim abspeichern fliegt das Font Tag wieder raus (was ja richtig ist)
> 
> Nur wie bekomme ich statt dem Font tag ein
> <span style="font-size:20px;">hallo welt </span>
> 
> Geht das überhaupt?
> 
> Danke und Gruß
> Tobi
> 
> 
> Hier meine Konfiguration:
> 
> #*** 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.default {
> 
>     # Zuweisung der CSS-Datei
>     contentCSS = fileadmin/media/css/rte.css
>     
>     #CSS Styles
>     usecss = 1
>        
>     # Tabellen Styles
>     classesTable = contenttable, downloadtable
> 
>     ## Markup options
>         enableWordClean = 1
>         removeTrailingBR = 1
>         removeComments = 1
>         removeTags = center, sdfield
>         removeTagsAndContents = style,script
> 
>         # Buttons die gezeigt/versteckt werden
>         showButtons = formatblock,blockstyle, blockstylelabel, 
> fontsize,strikethrough, 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, chMode, about
>         hideButtons = textstylelabel,textstyle, fontstyle, lefttoright, 
> righttoleft, textcolor, bgcolor, textindicator, emoticon, user, 
> spellcheck, inserttag, outdent, indent, justifyfull, subscript, 
> superscript, acronym, copy, cut, paste
>        
>         # Ausblenden von Items
>         hidePStyleItems = PRE, ADDRESS
> 
>         # Hält die RTE Icons gegroupt zusammen
>         keepButtonGroupTogether = 1
>        
>         # blendet Statusbar in htmlarea aus
>         showStatusBar =    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; }
>         )
> 
>         ## 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, thead, 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 = mainBodyText
>         classesImage=
> 
>          # Classes für Links (These classes should also be in the list 
> of allowedClasses)
>         classesAnchor = pfeillink, pdflink
>         classesAnchor.default {
>                 page = pfeillink
>                 url = pfeillink
>                 file = pdflink
>                 mail = pdflink
>         }
> 
>         # zeigt alle CSS-Klassen die in formate.css vorhanden sind
>         showTagFreeClasses = 0
> 
>         # 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 = 0
>         disableAlignmentFieldsetInTableOperations=1
>         disableColorFieldsetInTableOperations=1
>         disableLayoutFieldsetInTableOperations=1
>         disableBordersFieldsetInTableOperations=1
> }
> 
> # 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%
> 
> # Für underline Tag nötig
> 
> RTE.default.proc.entryHTMLparser_db.removeTags = removeFromList(u)
> 
> 
> ########################################


More information about the TYPO3-german mailing list