habe "Alternative RTE" installiert. wenn ich text markiere und als "heading 1" definiere, dann wird das im FrontEnd als <h1> angezeigt. warum?
Alternative RTE:<h1> wird als <h1> dargestellt
was ist denn das für eine antwort?
was überschrift auf englisch heißt und wie man mit html überschriften definiert ist mir schon klar.
mir geht es darum: ich habe im editor text als überschrift definiert. der h1-tag wird automatisch generiert, aber der <h1>-tag wird im frontens als sonserzeichen <h1> dargestellt. war ich so unverständlich?
Jetzt wird's klarer. Schau Dir mal Dein Posting an. Bir mir ist nur in der Titelleiste des Browser zu sehen was Du meinst.
Im Inhaltsbereich des Browsers wird der Sinn herausgefiltert.
Als Ansatz würde ich die Einstellungen im TSConfig der Rootpage
probieren
RTE.default.proc.allowTags = table, tr, th, td, h1, h2, h3, h4, h5, h6, div, p, br, span, ul, ol, li, pre, blockquote, strong, em, b, i, u, sub, sup, strike, a, img, nobr, hr, center, tbody
RTE.default.proc.denyTags >
ok, das posting ist - so wie es hier dargestellt wird - missverständlich.
hatte es aber korrekt geschrieben. nur wurden meine "sonderzeichen-tags" als richtige tags dargestellt.
An welcher stelle muss ich die Einstellungen im TSConfig der Rootpage machen?
Im Template oder wo?
habe gefunden wo man das einstellt. aber dort sind h1 etc. schon als "allowedTags" definiert.....
O.g. Einstellungen sind für das TSConfig der Root-Seite. Gehören also nicht ins Template.
Um zu testen, wo die Header-Tages umgewandelt werden, schlage ich vor, solch ein Tag mal im Editor zu erzeugen und dann in die HTML-Ansicht zu wechseln, um sich zu überzeugen, daß das Tag in Ordnung ist. Jetzt mal den Text im Editor speichern und ihn dann wieder aufrufen. In die HTML-Ansicht zurück. Ist das Tag immer noch in Ordnung und nicht konvertiert?!
Wenn ja, ist es keiner der *HTMLParser* des Editors, sondern das Problem ist im Rendering des Frontends zu suchen. Dort ist für die Darstellungen der Überschrift der "lib.stdheader.*"-Bereich zuständig. Die Einstellungen dazu gehören dann in den Setup-Bereich des Templates.
Hallo,
ich hatte das selbe Problem und die Einstellungen im RTE haben auch nichts bewirkt.
Damit funktionierts bei mir:
tt_content.text.20.parseFunc.allowTags = a, abbr, acronym, address, blockquote, b, br, caption, center, cite, code, div, em, h1, h2, h3, h4, h5, h6, hr, i, img, li, link, ol, p, pre, q, span, strike, strong, sub, sup, table, thead, tbody, tfoot, td, th, tr, tt, u, ul, quot
Es war wohl der Parser für den tt_content, dem meine Überschriften aus dem RTE nicht so gut gefallen haben...
Grüße,
moadin
Habe genau das gleiche Problem.
@ moadin wo genau muss ich das einbauen?
Hi Adeltraut,
im Setup deines Templates!
Viel Erfolg damit, ich hoffe es funktioniert dann bei dir.
Grüße,
moadin
Hmm, bei mir klappt das irgendwie nicht. Ebenso, kann ich für die Auswahlboxen im Richtexteditor keine anderen Styles definieren. Ich poste dir mal mein Setup vielleicht endeckst du ja einen Fehler:
### Index Template
### Version 0.0.1
page = PAGE
page {
typeNum = 0
stylesheet = fileadmin/style/style1.css
bodyTag = <body class="background">
config.index_enable = 1
config.spamProtectEmailAddresses = 1
tt_content.text.20.parseFunc.denyTags =
tt_content.text.20.parseFunc.allowTags = *
### Diese Optionen sind für die statische URL notwendig
config.language = de
config.simulateStaticDocuments = 1
config.simulateStaticDocuments_pEnc = md5
config.simulateStaticDocuments_noTypeIfNoTitle = 1
RTE.config.tt_content.text.20.parseFunc.allowTags = a, abbr, acronym, address, blockquote, b, br, caption, center, cite, code, div, em, h1, h2, h3, h4, h5, h6, hr, i, img, li, link, ol, p, pre, q, span, strike, strong, sub, sup, table, thead, tbody, tfoot, td, th, tr, tt, u, ul, quot
### Einstelunngen für den RichtextEditor 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 {
# Zuweisung der CSS-Datei
contentCSS = fileadmin/style/rte_formate.css
## Markup options
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags = center, sdfield
removeTagsAndContents = script
# Buttons die gezeigt/versteckt werden
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
hideButtons = formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, chMode, inserttag, outdent, indent, justifyfull, subscript, superscript, acronym
# 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; }
)
## 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, 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,h2,h1
# erlaubte attribute in p, div tags
keepPDIVattribs = align,class,style,id,h1,h2,h3
# 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,
csc-frame-frame1, csc-frame-frame2, csc-frame-frame3, csc-frame-frame4, csc-frame-frame5, csc-frame-frame6, csc-frame-frame7, csc-frame-frame8
csc-frame-rulerBefore, csc-frame-rulerAfter, csc-frame-indent, csc-frame-indent6633, csc-frame-indent3366, test
component-items, action-items,component-items-ordered, action-items-ordered,important, name-of-person, test, detail, downscript, superscript, underline, strikethrough, formatblock, blue, red, yellow, white
)
# 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,h1,h2
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 = author
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
}
# 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
}
# 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 Valides Typo3 stehen hier ein paar Anpassungen
config.doctype = xhtml_trans
config.xmlprologue = none
config.xhtml_cleaning = all
config.htmlTag_setParams = xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"
### Generelle Seitendefinition ( Marker, Template, IMG Grafiken )
10 = TEMPLATE
10 {
template = FILE
template.file = fileadmin/index_template.html
workOnSubpart = DOKUMENT
marks.header = IMAGE
marks.header {
file.import.field = media
file.import = uploads/media/
file.import.listNum = 0
}
tt_content.text.20.parseFunc.denyTags =
tt_content.text.20.parseFunc.allowTags = *
marks {
content_main = CONTENT
content_main {
table = tt_content
tt_content.text.20.parseFunc.denyTags =
tt_content.text.20.parseFunc.allowTags = *
select {
where = colPos = 0
orderBy = sorting
}
}
content_left = CONTENT
content_left {
table = tt_content
tt_content.text.20.parseFunc.denyTags =
tt_content.text.20.parseFunc.allowTags = *
select {
where = colPos = 1
orderBy = sorting
tt_content.text.20.parseFunc.allowTags = a, abbr, acronym, address, blockquote, b, br, caption, center, cite, code, div, em, h1, h2, h3, h4, h5, h6, hr, i, img, li, link, ol, p, pre, q, span, strike, strong, sub, sup, table, thead, tbody, tfoot, td, th, tr, tt, u, ul, quot
}
}
}
marks.menu_oben = HMENU
marks.menu_oben.special = directory
marks.menu_oben.special.value = 3
marks.menu_oben.1 = TMENU
marks.menu_oben.1.NO = 1
marks.menu_oben.1.NO.ATagParams =class="menu_oben"
marks.menu_oben.1.NO.linkWrap = |*| <img src="fileadmin/temp_img/img_spacer_menu_top.gif" width="31" height="10" > |*| <img src="fileadmin/temp_img/img_spacer_menu_top.gif" width="31" height="10" >
marks.menu_unten = HMENU
marks.menu_unten.special = directory
marks.menu_unten.special.value = 2
marks.menu_unten.1 = TMENU
marks.menu_unten.1.NO = 1
marks.menu_unten.1.NO.ATagParams =class="menu_unten"
marks.menu_unten.1.NO.linkWrap = |*| <img src="fileadmin/temp_img/img_spacer_menu_bottom.gif" width="31" height="10" > |*| <img src="fileadmin/temp_img/img_spacer_menu_bottom.gif" width="31" height="10" >
Vielen Dank schon einmal.
Hi adeltraut,
die RTE Definitionen gehören NICHT ins Setup, sondern in die TSconfig deiner Root-Page. Also nimm alles aus der Zeile 25-243 und dann ab in die TSconfig. Dann sollte es funktionieren.
Grüße
ms_k
Ich weiß dumm Frage. Aber wo kann ich etwas in die TSConfig eintragen? Finde den Punkt nicht.
hi,
1. auf deine Root-Page gehen
2. "Seitentitel bearbeiten" anklicken
3. dort findest du das Feld TSconfig
Danke für deine Antwort, jetzt kann ich aber irgendwie garnichts mehr aus den Dropdownboxen auswählen. Kann auch keine Schriftart oder Größe mehr auswählen.
Stimmt das wirklich so?
hi,
ja - die RTE Definitionen gehören definitv in die TSconfig, hast sie ja komplett aus meinem Guide: #39948 entnommen.
Andere Frage hast du die entsprechenden CSS-Datei, Klassen etc auch angelegt bzw. hast du die RTE-Option/-Felder unter showButtons /hideButtons (Zeile 93/94 in deinem geposteten Script)entsprechend zugeordnet die du auch brauchst - scheint nämlich so als ob genau meine Konfiguration genommen hättest und da ist keine Schriftfarbe/-größe erlaubt
:o
Viele Grüße
ms_k
PS: geh am besten mal genau die Konfiguration durch, für das was du brauchst /nicht brauchst - denn der gepostet TSconfig code ist keine generallösung o.O
Im Backend macht er mir das nun, Ich kann meine Styles aus dem Dropdownboxen auswählen... Aber in Frontend werden die Formatierungen irgendwie nicht angezeigt und er haut mir immer solche Dinge mit rein:
<><><></></></>
?????
Hallo Leute habe das gleiche Problem !!
Hat jemand schobn eine Lösung dafür ?
Das mit lib.stdheader ist ja schonmal ein heisser Tip aber ................ irgendwie spielt die css_styled_content da nicht mit.
Aber näheres die Tage.
Ciao
Kazim