Ich habe in htmlarea das Problem das stets ein <p>-Tag gesetzt sein muss um den Text mit eigenem CSS zu formatieren. Einfach Text schreiben und dann formatieren geht nicht, es MUSS ein <p>-Tag gesetzt sein.
Ergebnis:
<p class="text">Hier steht der Text</p>
Ich möchte jedoch das ich den Editor öffne und direkt, ohne vorher ein <p>-Tag zu setzen Text schreiben kann und diesen dann formatiere.
Also soll es so aussehen:
<span class="text">Hier steht der Text</span>
Meine Konfiguration des Editors sieht aus (verwendet aus einer Beispielkonfiguration):
###############################################################################
#
#--- RTE Konfiguration -------------------------------------------------------
# - fuer die Einstellung TYPICAL des RTE
#
###############################################################################
#-- Aktiviere RTE fuer alle User
setup.default.edit_RTE = 1
###############################################################################
# RTE.default - konfiguriert die RTEs für alle Tabellen, alle Felder und
# alle Content-Typen. Einstellungen, die mit RTE.default
# vorgenommen werden, gelten somit nicht nur für Inhalte,
# die in der Tabelle tt_content gespeichert sind sondern z.B.
# auch für tt_news.
###############################################################################
RTE.default {
# Markup Optionen (Word Foramtierungen entfernen etc.)
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags = sdfield
# Ein- oder Ausblenden des Color Picker bei der Auswahl der Textfarbe
disableColorPicker = 0
# blendet Statusbar in htmlarea aus
showStatusBar = 0
# Tabellen Editierungs-Optionen (cellspacing/ cellpadding / border)
disableSpacingFieldsetInTableOperations = 0
disableAlignmentFieldsetInTableOperations = 0
disableColorFieldsetInTableOperations = 0
disableLayoutFieldsetInTableOperations = 0
disableBordersFieldsetInTableOperations = 0
# Tabellen Optionen in der RTE Toolbar als Button vertecken oder anzeigen
hideTableOperationsInToolbar = 0
# Buttons die gezeigt/versteckt werden (Standardliste der Einstellung Typical)
showButtons = headline, fontstyle, fontsize, size, textcolor, 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, chMode, showhelp, about,
hideButtons = formatblock, strikethrough,lefttoright, righttoleft, textindicator, emoticon, user, spellcheck, inserttag, outdent, indent, justifyfull, subscript, superscript, acronym, copy, cut, paste
# Fuege der Standardliste der RTE Typical- Einstellung noch folgende Buttons hinzu
showButtons := addToList(textcolor, bgcolor, size, fontsize )
# Sortierung der RTE Buttons
toolbarOrder = headline, bold, italic, underline, left, center, right, orderedlist, unorderedlist, findreplace, insertcharacter, undo, redo, showhelp, about, textstylelabel, textstyle, blockstylelabel, blockstyle, image, link, removeformat, line, table, toggleborders, tableproperties,rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, textcolor,chMode
# Haelt die RTE Icons gruppiert zusammen
keepButtonGroupTogether = 1
keepToggleBordersInToolbar = 1
}
###############################################################################
#-- Verwendung eines eigenen Stylesheets fuer den RTE
###############################################################################
# Einstellungen RTE
RTE.default {
# Zuweisung der CSS-Datei
contentCSS = fileadmin/inc/f_style.css
# zeige alle CSS-Klassen die in f_style.css vorhanden sind im RTE an
#(Dropdown-Box - Absatz)
showTagFreeClasses = 1
# Verwende im RTE den benutzerdefinierten Stylsheet und ueberschreibe die
# vorgegebenen Standardformateierungen des RTE
ignoreMainStyleOverride = 1
}
# Erlaubte span Klassen aus der CSS-Datei (span wird somit nicht wegparsed)
RTE.config.tt_content.bodytext.proc.allowedClasses = text,mainnavi_red,preise,preise_kl
###############################################################################
# RTE.default.proc - ist ein Objekt, das die Konfiguration für die
# Transformation des Inhaltes zwischen RTE-Feld und Datenbank
# beinhaltet. Die Konfigurationsoptionen gelten für alle in
# TYPO3 verwendbaren RTEs und werden über die Klasse
# t3lib_parsehtml_proc gesteuert.
###############################################################################
RTE.default.proc {
# Überschreibe CSS Angaben aus dem TypoScript
overruleMode = ts_css
# tags die erlaubt / verboten sind
allowTags = font, size, fontsize, 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, bgcolor, bg, color, underline
denyTags =
# br wird nicht zu p konvertiert
dontConvBRtoParagraph = 1
# Tags die ausserhalb von p, div erlaubt sind
allowTagsOutside = img,hr,center,span
# Erlaubte Attribute in p, div Tags
keepPDIVattribs = class,style,id
}
###############################################################################
# HTML Parser Einstellungen - Inhalt ins Frontend
###############################################################################
HTMLparser_rte {
# tags die erlaubt/verboten sind
# uebernehme die Einstellungen von RTE.default.proc
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags
# tags die untersagt sind
removeTags =
# entfernt html-kommentare
removeComments = 1
}
###############################################################################
# Speichere in Datenbank - Inhalt in die Datenbank
###############################################################################
entryHTMLparser_db = 1
entryHTMLparser_db {
# tags die erlaubt/verboten sind
#uebernehme die Einstellungen von RTE.default.proc
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags
# Falls diese Tags auf der "remove"- Liste stehen, so entferne sie von dieser
removeTags := removeFromList(font,bgcolor,underline, u)
# Erlaube folgende Attribute
tags.font.allowedAttribs = color, size, bgcolor,fontsize
}
###############################################################################
# Verwende für die Ausgabe im FE die gleichen Einstellungen wie im Editor des RTE
###############################################################################
RTE.default.FE.proc < RTE.default.proc
RTE.default.FE < RTE.default
###############################################################################
# Verwende die gleichen Einstellung zur BEreinigung von Inhatl,
# welcher in den Editor kopiert wurde, wie bei RTE.default.proc.entryHTMLparser_db
###############################################################################
RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db