[TYPO3-german] RTE Fontsize
Tobias Pierschel
tobias.pierschel at vision-pool.de
Fri Dec 14 16:37:51 CET 2007
Hallo Basti,
vielen Dank. Ich probier das mal aus.
Tobi
Basti schrieb:
> 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