Hi!
Ich probier seit 12 Stunden dem HTMLArea meine Spanklassen beizubringen und schaff's nicht. Alles googeln und suchen hat nichts geholfen, jetzt versuche ich es hier.
Also, ich habe ein eigenes CSS-File für die Inhaltsdefinitionen.
blue1 und blue3 werden mir angezeigt. blue2 sollte ja im "Text Style" sein, wenn ich im Editor Text markiere. Das passiert aber nicht. Ich markiere mit der Maus etwas Text und die Combobox bleibt deaktiviert.
Wenn ich auf HTML umschalte und selber einen Span-Tag schreibe wird die Box aktiviert. Es steht jedoch nur "unknown Text style" drin und "blue2" ist auch nicht auswählbar.
Ich benutze:
TYPO3 Ver. 4.7.1
HTMLArea 4.7.1
Wäre super wenn mir jemand helfen könnte.
Danke und beste Grüße,
michael
Mein CSS-File:
p.blue1{
color:#0000ff;
}
span.blue2{
color:#0000ff;
}
.blue3{
color:#0000ff;
}
Die 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 Konfiguration
RTE.default {
## 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; }
)
# Buttons die gezeigt/versteckt werden
# acronym,bidioverride,citation,definition,formattext,keyboard,
# linebreak,monospaced,sample,insertedtext,strong,small,space,
# span,big,emphasis,deletedtext,code,definitionitem,formattext
showButtons(
left,center,right,
bold,italic,underline,strikethrough,justifyfull,
subscript,superscript,
outdent,indent,
orderedlist,unorderedlist,
link,unlink,
formatblock,
blockstyle,blockstylelabel,
textstyle,textstylelabel,
chMode,
removeformat,
insertcharacter,
showhelp,about,image,
columndelete,columninsertafter,columninsertbefore,
columnproperties,columnsplit,
rowdelete,rowinsertabove,rowinsertunder,rowproperties,rowsplit,
table,tableproperties,tablerestyle,
celldelete,cellinsertafter,cellinsertbefore,cellmerge,
cellmerge,cellproperties,cellproperties,cellsplit,
toggleborders
)
hideButtons(
about,lefttoright,righttoleft,showmicrodata,spellcheck,
textcolor,language,fontsize,insertparagraphafter,
insertparagraphbefore,definitionlist,showlanguagemarks,
insertsofthyphen,undo,copy,cut,paste,pastebehaviour,
pastetoggle,redo,editelement,findreplace,bgcolor,line,
inserttag,fontstyle,quotation,blockquote,textindicator
)
hidePStyleItems(
address,article,aside,
footer,header,
h3,h4,h5,h6,
nav,pre,blockquote,section
)
# Zuweisung der CSS-Datei
contentCSS = fileadmin/templates/css/content.css
useCSS = 1
## Markup options
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags = center, sdfield
removeTagsAndContents = style,script
# Hält die RTE Icons gegroupt zusammen
keepButtonGroupTogether = 1
# blendet Statusbar in htmlarea ein
showStatusBar=1
## 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
# 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=1
disableColorFieldsetInTableOperations=1
disableLayoutFieldsetInTableOperations=1
disableBordersFieldsetInTableOperations=0
# CSS-Classes im RTE zuweisen
classesParagraph(
align-left, align-center, align-right
)
classesCharacter(
blue2
)
classesImage(
rte_image
)
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
}
proc {
# tags die erlaubt / verboten 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
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 >
}
}
}
}
# 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%