Hi Ihr beiden,
ich denke ihr sucht diese Funktionen:
showButtons = chMode, inserttag
chMode: bringt euch den HTML <-> RTE Umschalter
inserttag: die Option einzelne HTML-Tags einzufügen
Grüße
Karin
htmlarea / RTE (Konfiguration) - so gehts
ms_k schriebHi Ihr beiden,
ich denke ihr sucht diese Funktionen:
showButtons = chMode, inserttagchMode: bringt euch den HTML <-> RTE Umschalter
inserttag: die Option einzelne HTML-Tags einzufügenGrüße
Karin
Hallo Karin,
ja tatsächlich es heißt chMode und nicht code wie ich dachte 😉
Da gibts nur eine Frage noch zu:
Nur als Admin möchte ich auf HTML umschalten können also chMode haben.
Die Redakteure sollen dies nicht zur Verfügung stehen haben.
Wenn ich meinem Benutzer Admin dies nun im TS Schreibe, greift es leider nicht:
# which buttons should be shown?
RTE.default.showButtons = chMod,showhelp
RTE.default.hideButtons = bgcolor
liebe Grüße
sandra
Hi Sandra,
ich mach es umgekehrt, ich erlaube den redakteueren einfach das was sie sehen dürfen in der Benutzer-Tsconfig, nimmst in deinem Fall den chMod raus:
options.RTEkeyList = bold, italic, underline, left, center, right ...
Grüße
Karin 🙂
Wouw! :o Es funktioniert!
Ich hatte wie bei mir im Root-TS, im Benutzer TS ebenfalls:
# which buttons should be shown?
RTE.default.showButtons = bold,image,showhelp ect.
RTE.default.hideButtons = chMode,indent,user,line ect.
stehen. Allerdings muss tatsächlich im Benutzer TS stehen wie Du es geschrieben hast:
options.RTEkeyList = bold,image ect
vielen lieben Dank für Deine Geduld und Ausdauer 😃
liebe Grüße
sandra
gern geschehen 🙂 , weiss noch wie lange ich an dem RTE/htmlarea rumgebastelt habe o.O .
Viele Grüße
Karin
Hallo zusammen,
irgendwie habe ich zuviel rumgespielt. Jetzt geht fast gar nichts mehr.
Ich möchte gerne den RTE auf einer bestimmten Seite konfigurieren.
Dort soll eine Klasse für ein Textelement ausgewählt werden können.
Allerdings passiert rein gar nichts. Kann jemand helfen (ich habe ein Brett vor dem Kopf).
Viele Grüße
Andrea
Das habe ich in der TSConfig stehen:
#RTE Konfiguration
RTE.classes {
fliesstextbg {
name = Fließtext mit Hintergrund
value = color: #000000; background-color: #EFECDC; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; font-weight: normal; border-width: 1px; border-color: # B3B0A1; margin-bottom: 15; margin-left: 15; margin-right: 15; margin-top: 15; text-decoration: none;font: regular; font-size: 11px; font-family: verdana; background-color: #CCCCCC;
}
}
RTE.default.classesCharacter = fliesstextbg
RTE.default.classesParagraph = fliesstextbg
RTE.default.showButtons = class, inserttag, formatblock, fontstyle, fontsize, textcolor, bold, italic, unterline, ordered list, unorderedlist, outdent, indent, link, table, bgcolor, chmode, copy, paste, cut
options.RTEKeyList = class, inserttag, formatblock, fontstyle, fontsize, textcolor, bold, italic, unterline, ordered list, unorderedlist, outdent, indent, link, table, bgcolor, chmode, copy, paste, cut
Stehe da beim RTE Editor ebenfalls an!! Hab die ganzen Codes von der Vorseite übernommen und natürlich auch angepasst. wenn ich nun aber im FE mein Gästebuch öffne dan sind da alle Buttons ersichtlich!! Das soll ja so nicht sein...
Hat jemand eine Idee an was das leigen kann? Ich verwende die Version 1.2.0
Wo bei vorne ja steht, dass es mit dieser Version auch funken soll!
PS mein TS:
# Algemeine Typo-Skript Konfiguration
config{
}
plugin.feadmin.fe_users {
}
#------------------------------
# Darstellung der Seite
page = PAGE
page {
typeNum = 0
bodyTag = <body bgcolor="#D5D5FD">
includeCSS.file1 = fileadmin/LM03/css/Tabelle.css
meta.AUTHOR =
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/LM03/Darstellung/hauptseiteLM032.html
10.workOnSubpart = LAYOUT
# Markiereransprechen
10.marks {
# Navigation Darstellung
NAVI < temp.NAVI
Titel Darstellung
TITLE < temp.TITLE
#Pfadangabe
PFAD < temp.PFAD
#Datumanzeige
DATUM = <temp.DATUM
# Haupttext Darstellung
TEXT = CONTENT
TEXT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
select.languageField = sys_language_uid
}
#News Darstellung
NEWS = CONTENT
NEWS {
table = tt_content
select.where = colPos = 2
select.orderBy = sorting
select.languageField = sys_language_uid
}
# Rechte Darstellung
RECHTE = IMAGE
# Werbefelder
WERBUNG1 < temp.BANNER1
BANNER2 < temp.BANNER2
BANNER3 < temp.BANNER3
BANNER4 < temp.BANNER4
# Logo dinamisch
LOGO < temp.LOGO
#Versuch RTE
#*** 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 {
# Zuweisung der CSS-Datei
contentCSS = rte_formate.css
## Markup options
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags = center, sdfield
removeTagsAndContents = style,script
# Buttons die gezeigt/versteckt werden
showButtons =
hideButtons = bold, italic, underline, left, center, right, 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, orderedlist, unorderedlist, insertcharacter, line, textstyle, textstylelabel, blockstyle, blockstylelabel, fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, chMode, inserttag, 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; }
)
## 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
# 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 = 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%
Natürlich snd alle Buttons nur ausgeschaltet um den effekt zu testen!!
Danke für eure grosszügige Hilfe!! Nicht nur bei diesem Problem... #angry#
Hallo, Community,
da ich mit der Konfiguration des rtehtmlarea auch schon länger kämpfe,
habe ich einmal den kompletten page tsconfig code des ersten posts bei mir eingefügt.
Zudem habe ich
- die rte_formate.css in filadmin/ abgelegt
- den Inhalt der css-Datei identisch
- und die Extension-Konfiguration ebenfalls identisch angelegt:
(default configuration settings: Demo
Enable images in the RTE: haken gesetzt
Enable compressed scripts: haken nicht gesetzt)
Bei mir sind jedoch die eigenen Paragraphen/Textstyles nicht verfügbar.
Ich verwende Typo3 4.0 final und die Dropdownboxen (Absatz / Text) sind grau hinterlegt.
Bild: wp1042996.wp066.webpack.hosteurope.de/…/rte.jpg
Muss ich außer in dem page tsconfig noch an anderen stellen etwas eintragen?
Kann mir jemand dabei helfen?
Hallo,
also in der Typo3 Version 4 habe ich es bisher auch noch nicht getestet - daher kann ich hierzu keine Aussage machen.
Aber generell kannst du erst Absatz und Textstilvorlagen zuweisen wenn eine Textpassage makiert bzw. ausgewählt. o.O
Viele Grüße
ms_k
danke für die schnelle antwort...
das markieren der textpassage hatte ich aber bereits getestet... ohne Erfolg. 😢
hab auch ie und firefox ausprobiert - beide verhalten sich gleich.
Ich seh das doch aber richtig, dass ich den tsconfig-code unter Root-Seite -> Seitentitel-Bearbeiten -> TSConfig eintragen muss und nicht ins Setup TS der Seite...oder?
Ich seh das doch aber richtig, dass ich den tsconfig-code unter Root-Seite -> Seitentitel-Bearbeiten -> TSConfig
ne - hört sich gut an 😉 , da hab ich es auch hin gepackt
hallo,
und danke erstmal Karin für die Mühe 🙂
Das Einbinden einer externen CSS Datei klappt leider noch nicht. Daher versuche ich mal systematisch vorzugehen. Im Seiten TSconfig steht zunächst noch gar nichts.
Die Datei fileadmin/projekt1/css/rte_css.css soll eingebunden werden.
RTE.default {
contentCSS = fileadmin/projekt1/css/rte_css.css
}
Es werden aber weder die Formatierungen aus der CSS-Datei übernommen, noch kann ich im Quellcode erkennen, dass die Datei eingebunden wird. Ist der Pfad viell. nicht richtig? Hab schon zig Varianten durchprobiert.
Die Methode über mainStyleOverride_add.H1 = ... usw. funktioniert zwar, finde ich aber nicht so praktisch.
Welche Einträge benötigt man noch zusätzlich um zunächst mal nur die CSS-Datei zu 'finden'. Müssen noch explizit Tags zugelassen werden?
danke schon mal,
lg rolf
🙂
Hallo, Rolf,
Die Lösung Deines Problems ist wahrscheinlich, dass Du in Deine "Haupt"-CSS-Datei ganz oben folgende Zeile einfügen musst:
@import url("rte_css.css");
Je nachdem, wo Du Deine Haupt-CSS-Datei liegen hast, musst Du evtl. noch den Pfad ergänzen (fileadmin/projekt1/css/rte_css.css). wahrscheinlich liegt Deine rte_css aber im selben Verzeichnis und Du kannst mein Bsp. direkt verwenden.
Warum?
RTE.default {
contentCSS = fileadmin/projekt1/css/rte_css.css
}
Bringt nur dem RTE die CSS-Formate bei, damit dieser die Formate verwenden kann.
Dein Front-End weiss nichts von der CSS-Datei. Bzw. hasst Du diese mit TypoScript nicht eingebunden.
Daher ist es die einfachste Möglichkeit die rte_css.css über Dein Haupt-Template zu importieren.
Ich hoffe das hilft...
Achim
[/quote]
Ich hab es also auch noch geschaft den TS text ans rechte Ort zu schreiben. Habe nun aber noch ein Weiteres problem. Wenn ich den RTE fürs FE editiert habe und dan dem BE-Benutzer weitere rechte zuschreiben will akzeptiert er mir diese nicht. Hat da jemand eine Idee was da faul sein könnte?
Hab im TS auch options.RTEkeyList = stehen wie im Post von Sandra auf seite 2 steht...
BE und FE Cash geleert ab und an gemeldet funkt nicht...
Danke für eure Tips. #paralyzed#
Hallo typo_3_newbie,
danke, aber ich fürchte hier handelt es sich um ein Missverständnis. 🙂
Die CSS-Datei ist schon für die Einstellungen im Backend gedacht.
So wie ich das verstehe kann man mit RTE.default.contentCSS eine externe Stylesheetdatei einbinden, klappt aber leider nicht.
lg
rolf
pixelrolf schriebSo wie ich das verstehe kann man mit RTE.default.contentCSS eine externe Stylesheetdatei einbinden, klappt aber leider nicht.
Oben ist das CSS für den RTE definiert, das siehst Du richtig.
Und so wird für eine Website/ für ein Layout ein Stylesheet eingebunden [constants].
content.stylesheet.file = fileadmin/style.css
Verstehe nicht wieviele Styles Du neben diesen beiden Optionen noch benötigst.
toyde schriebOben ist das CSS für den RTE definiert, das siehst Du richtig.
Ich benötige genau diese Option für den RTE. Aber genau die funktioniert ja eben nicht.
Im Quelltext (des Backends) sehe ich, dass die Datei ' ... /typo3/stylesheet.css' eingebunden ist. Die Datei die ich einbinden will, erscheint da noch nicht einmal (im Quelltext)
;-).
grüße,
rolf
Sollte es jemanden interessieren, es funktioniert auch mit der Version 1.2.0
Hallo, Rolf,
also, Du hast im Backend einen Seiteninhalt zum editieren (mit dem rte(htmlarea)) geöffnet und suchst jetzt in dem Quelltext der Backend-"Webseite" Deine eingebundene "rte_css.css"...?
Bei mir finde ich es ca. in der 5. Zeile nach dem Body-Tag:
<body onmousemove="GL_getMouse(event);" onload="initLayer();" id="typo3-alt-doc-php">
<!-- Wrapping DIV-section for whole page BEGIN -->
<div class="typo3-mediumDoc">
<form action="/typo3/alt_doc.php?&returnUrl=%2Ftypo3%2Fsysext%2Fcms%2Flayout%2Fdb_layout.php%3Fid%3D5&edit[tt_content][1]=edit" method="post" enctype="multipart/form-data" name="editform" onsubmit="return TBE_EDITOR_checkSubmit(1);">
<link rel="alternate stylesheet" type="text/css" href="http://meinedomain/fileadmin/rte_formate.css" />
Da steht bei Dir keins?
Tsconf/FE Cache leeren schon probiert?
welcher Browser? meinen "Browser-Cache"-Tip für den IE aus diesem Thread schon probiert?
PS: Es funktioniert auch mit der Version 1.3.7 und Typo3 4.0 final...
Achim