hehe - zwar keine doppelten in der Tsconfig aber in der CSS 😉
Freut mich das es jetzt funktioniert
htmlarea / RTE (Konfiguration) - so gehts
Habe auch so mein Probleme mit der Konfiguration des HTMLArea... #angry#
Leider bekomme ich nicht die Absatz- und Text-Formatierungen angezeigt. Die beiden Pulldowns sind immer disabled, auch nach markieren von Text.
Ich poste mal mein TS-Setup der Root Seite, bin für jeden Tipp dankbar (auch wen ihr andere Fehler seht):
### Spalten ausblenden ###
TCEFORM.tt_content.colPos.removeItems = 1,2,3
mod.SHARED.colPos_list = 0
###RTE:###
## Anchor classes configuration for use by the anchor accessibility feature
RTE.classesAnchor {
externalLink {
class = external-link
type = url
image = fileadmin/templates/htmlarea/img/external_link.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_titleText
}
externalLinkInNewWindow {
class = external-link-new-window
type = url
image = fileadmin/templates/htmlarea/img/external_link_new_window.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_titleText
}
internalLink {
class = internal-link
type = page
image = fileadmin/templates/htmlarea/img/internal_link.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_titleText
}
internalLinkInNewWindow {
class = internal-link-new-window
type = page
image = fileadmin/templates/htmlarea/img/internal_link_new_window.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_titleText
}
download {
class = download
type = file
image = fileadmin/templates/htmlarea/img/download.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:download_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:download_titleText
}
mail {
class = mail
type = mail
image = fileadmin/templates/htmlarea/img/mail.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_titleText
}
}
### 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;
}
}
# Breite des RTE in Fullscreen-Ansicht
TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 90%
### RTE Standard-Config ###
RTE.default {
## Zuweisung der CSS-Datei
contentCSS = fileadmin/templates/htmlarea/htmlarea-edited-content.css
## Markup options
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags = center, sdfield
removeTagsAndContents = style,script
# Buttons die gezeigt/versteckt werden
showButtons = chMode, 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, copy, cut, paste
hideButtons = fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, inserttag, outdent, indent, justifyfull, subscript, superscript, acronym, about
# 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; }
)
# 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
}
# Classes: Ausrichtung
classesParagraph (
align-left, align-center, align-right, box1
)
# Classes: Eigene Stile
classesCharacter = headline
classesImage= rte_image
# 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 = 0
disableColorFieldsetInTableOperations = 1
disableLayoutFieldsetInTableOperations = 1
disableBordersFieldsetInTableOperations = 0
# FE RTE configuration (htmlArea RTE only)
FE < RTE.default
FE.userElements >
FE.userLinks >
## Use same processing as on entry to database to clean content pasted into the editor
enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db
### Customization of the server processing of the content - also called 'transformations'
proc {
# 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, box1
)
# 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 >
}
}
}
}
Und hier meine CSS, die eingebunden ist:
/* Selectors for the content area of the htmlArea RTE editor */
.htmlarea-content-body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #555555;
margin:0;
padding:3px;
background-color:#ffffff;
}
/* Selectors for the Table Operations plugin */
/* Make borders visible */
/* Make sure we can click in empty cells without too much difficulty */
.htmlarea-showtableborders, .htmlarea-showtableborders td, .htmlarea-showtableborders th {
padding: 3px; border:1px dashed #316ac5 ! important;
}
/* Selectors for the Abbreviation plugin */
abbr, acronym, span.abbr {
width:18px;
height:18px;
background-image:url("images/Acronym/ed_acronym.gif");
background-repeat:no-repeat;
background-position:left top;
white-space:nowrap;
cursor:help;
border-bottom:1px dashed #000;
padding-left:19px;
}
/* styles */
h1 {
FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; COLOR: #000000; margin-bottom: 6px
}
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: Arial, Helvetica, sans-serif; }
PRE { font-family: monospace; }
P, PRE { margin: 0px 0px 0px 0px; }
P, TD, UL, OL { font-size: 11px; }
img (margin: 8px 0px)
P { font-size: 11px; color: #555555; }
P A { font-weight: bold; }
img {border: 0px}
.headline {
font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: red;
}
.box1 {
background-color: #DDDDDD;
border: 1px solid #555555;
padding: 5px;
margin-bottom: 12px;
}
Und noch ne Frage zum Setup:
Ist eigentlich die Reienfolge wichtig? Vielleicht funktionierts deswegen nicht...
hi
die reihenfolge ist in dem fall egal. typo3 geht das setup von oben nach unten durch wobei eine definition die weiter unten nochmal gemacht wird die drüber überschreibt.
also:
page.15 = TEXT
page.15 = IMAGE
folge: page.15 ist dann ein Image.
Zu deinem RTE-Problem:
In der Zeile hideButtons = blendest du ja so ziemlich alles aus was nur geht (hide heisst ja verstecken). das mal auskommentieren, dann funzt es. findest du übrigens alles in der Doku zum RTEHTMLAREA.
grüsse
sissi
Hallo Sissi,
danke erstmal, aber das von oben nach unten abgearbeitet wird ist mir schon klar. Auch das dadurch die gleiche Definition überschrieben wird. Meine Frage war ja, ob nicht manche Definitionen andere voraussetzen, d.h. es funktioniert nur wenn weiter oben etwas bestimmtes definiert wurde.... Kann mir sonst nicht vorstellen, warum mein Setup nicht rockt.
Den ich verstecke nicht mit hideButtons so ziemlich alles, sondern nur folgende:
hideButtons = fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, inserttag, outdent, indent, justifyfull, subscript, superscript, acronym, about
Diese erlaube ich (wobei ich glaube das ich diese benötige: textstyle, textstylelabel, blockstyle, blockstylelabel)
showButtons = chMode, 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, copy, cut, paste
Hab auch mal hideButtons komplett auskommentiert und kann die Pulldowns trotz allem nicht benützen...
Lieg ich da jetzt komplett falsch? Hoffe mir kann noch jemand weiterhelfen #paralyzed#
EDIT:
Ok, ich gebs zu: Lesen bildet o.O Aber bei Typo3 kommt man ja gar nicht mehr aus dem lesen raus, kennt sicher jeder. Und die Konfiguration des HTMLArea (und nicht nur von diesem essentiellen Plugin) ist meiner Meinung nach auch eher mangelhaft...was solls. Hier die Definition, die mir gefehlt hat:
FAQ: Why does the text style selection list remain empty?
This selection list should display the classes specified by RTE.default.classesCharacter. The specified classes must be defined in the CSS style sheet contained in the file specified by RTE.default.contentCSS.
If RTE.default.classesCharacter is empty, classes associated with the span tag are used. Classes not associated with any tag in the contentCSS style sheet will be displayed only if
RTE.default.showTagFreeClasses = 1
Ist aber siche nicht meine letzte Frage dazu, komme ja noch zum rendering im FE.
RTE.default.showTagFreeClasses = 1
ist auf seite 1 im How To achon mit aufgeführt. 😃
Hi,
bei mir passiert nichts, wenn ich den Typocode, von Post1 nehme und in mein TSPage kopiere. Meine Frage was muss ich machen, damit er mir die eigenen Klassen einbaut in die Absatz-Box?
Ich benutze Typo3 3.8.1 und htmlArea RTE 1.1.6
Gruß Dominik
Hi,
ich komme mit der Konfiguration des htmlarea auch nicht weiter:
Ich habe ebenfalls den Code aus dem dem ersten Posting nach ...
- TSconfig der root-page (die Seite, wo ich "ist Anfang der Webseite" angewählt habe. Diese Seite befindet sich direkt unterhalb der Weltkugel)
- TSConfig des Admin
- TSConfig eines normalen Redakteur
- TSConfig einer Seite, wo ich dann den HTMLarea aufgerufen habe,
- ins Template (wir auch im Object-Browser unter TSSetup angezeigt)
kopiert.
Absolut keinerlei Auswirkungen im HTMLArea 1.4 in T3/ V4.0 sowohl im Firefox 1.5 als auch im IE 6.0. Caches sind sowohl im T3 als auch in den Browsern gelöscht.
Auch kein Effekt, wenn ich den Classic-RTE aktiviere bzw. deaktiviere.
Wäre froh, wenn jemand noch einen Rat für mich hätte.
Gruss Stephan.
Hast Du denn auch die css datei mit eingebunden?
Wird eigentlich dieses RTE-Objekt im Objektbrowser angezeigt, wenn man nur HTMLAREA installiert hat? Weil bei mir taucht das immer erst auf, wenn ich etwas in TS schreibe sonst nicht. Und das was ich in TS schreibe hat keine Wirkung auf den HTMLAREA. Ich bekomme egal was ich mache immer diese Standardeinstellung wie z.B.
Justify Left
Justify Center
Justify Right
Fram with gray background
Fram with yellow background
Habe auch schon mal eine Typo ne aufgesetzt und nur HTMLAREA installiert ändert sich aber nichts daran.
Gruß Dominik
Oh mann wie peinlich: :o
Ich hab den Fehler gefunden : Beim Kopieren des TSCodes und dem Reformatieren ist mir eine Klammer-Zu verloren gegangen.
Sorry für den Fehlalarm .. trotzdem kann man auch daraus was lernen 😉
Stephan.
Wird eigentlich dieses RTE-Objekt im Objektbrowser angezeigt, wenn man nur HTMLAREA installiert hat? Weil bei mir taucht das immer erst auf, wenn ich etwas in TS schreibe sonst nicht. Und das was ich in TS schreibe hat keine Wirkung auf den HTMLAREA. Ich bekomme egal was ich mache immer diese Standardeinstellung wie z.B.
Justify Left
Justify Center
Justify Right
Fram with gray background
Fram with yellow background
das gehört ja auch nicht in die TS sondern in die TSconfig - dann sollte was passieren :o
Finde den Thread mittlerweile nicht mehr als "HowTo" brauchbar.
Entweder ein Mod/Admin greift der Übersicht halber ein, oder das "[HowTo]" im Titel wird entfernt und einmal kompakt gepostet.
Auch die Info, dass das Anfangsscript z.B. in's TSConfig der Root-Site gehört, würde schon einige der Fragen ausmerzen.
Ich finde den htmlArea allein schon genug Arbeit. Da sollte das HowTo ein Herz für Einfachheit haben. Keineswegs bemängle ich die Absicht, die Hilfe hier zu posten - aber die restlichen HowTo's sind in Ihrer Thematik schon etwas aussagekräftiger.
hi,
Finde den Thread mittlerweile nicht mehr als "HowTo" brauchbar.
Entweder ein Mod/Admin greift der Übersicht halber ein, oder das "[HowTo]" im Titel wird entfernt und einmal kompakt gepostet.
Auch die Info, dass das Anfangsscript z.B. in's TSConfig der Root-Site gehört, würde schon einige der Fragen ausmerzen.Ich finde den htmlArea allein schon genug Arbeit. Da sollte das HowTo ein Herz für Einfachheit haben. Keineswegs bemängle ich die Absicht, die Hilfe hier zu posten - aber die restlichen HowTo's sind in Ihrer Thematik schon etwas aussagekräftiger.
Tja besser hier mit Diskussion und weiterführender Hilfe als keine Hilfe zu htmlarea - würde ich an dieser Stelle sagen.
Hierzu fällt mir sonst nur der dumme Spruch ein:
wer lesen kann ist klar im Vorteil.
Im ersten post steht wos hingehört und zwar in die TSconfig, das es nicht die Benutzer TSconfig sein kann sollte klar sein oder.
Sorry, das mal so deutlich zu sagen.
Grüße und hoffe es hilft dir trotzdem weiter
fuer Text-Links im htmlarea kann ich z.B. beim Datei-Link nicht die Groesse des Pop-Ups bestimmen (Open in window: Width x Height). Waehle ich Werte aus den beiden Dropdown Listen, werden die in die Zeile Ziel: uebernommen und im Quelltext der Seite erscheint dann der Link als
<a target="400x100" href="fileadmin/dateien/
und das neue Fenster hat die gleiche Groesse wie das Parent ...
Kann man das irgendwie/-wo reparieren...?
Hallo,
wie kann ich festlegen, dass Formatierungen beim Kopieren aus Word-Dokumenten oder ähnlichem nicht übernommen werden.
Der eingefügte Text soll dann also komplett unformatiert sein, wie beim Einfügen in Textelemente ohne RTE.
Zeilenumbrüche sollen aber übernommen werden.
Anscließend kann der Redakteur ihn dann nach den Vorgaben formatieren.
Außerdem funktioniert bei mir das Einfügen von Bildern über Drag&Drop nur im IE, nicht im Firefox, oder ist das normal?
Ich verwende Typo3 4.0 / htmlarea 1.4.1 und die (fast komplette) Konfiguration aus dem ersten Post.
Gruß
maop
Hallo zusammen
Wie kann ich denn die Auswahl beeinflussen die einem fontsize vorgibt? Ich möchte in dieser noch 7 pt eintragen können ohne gleich alles umbauen zu müssen.
Mein bisheriger Code
setup.default.edit_RTE = 1
options.HTMLAreaPluginList = TableOperations, SpellChecker, ContextMenu, SelectColor, TYPO3Browsers, InsertSmiley, FindReplace, RemoveFormat, CharacterMap, QuickTag, InlineCSS, DynamicCSS, UserElements, Acronym
options.HTMLAreaPspellMode = normal
options.RTEkeyList = fontsize,formatblock,bold,italic,underline,left,center,right,orderedlist,unorderedlist,outdent,indent,textcolor,textindicator,link,image,chMode,removeformat,copy,cut,paste,undo,redo,table
Danke und Gruss
Mendragol
Hallo mendragol,
also um die Schaltfläche Schriftgröße einzublenden einfach das TSconfig Script um fontsize bei showButtons ergänzen:
# Buttons die gezeigt/versteckt werden
showButtons = fontsize, ...
und halt die andern Schaltflächen die du so brauchst (Zeile 67 in Post 1).
Damit erhälst du per Default ein <font size=1> etc. bis 7.
Grüße
ms_k
Hallo maop,
es gibt eine Option im RTE die nennt sich "Formatierungen entfernen" die könntest du dafür nehmen.
showButtons = removeformat, ..
Einzublenden über den RTE mittel removeformat, aber dann musst erst den Text reinkopieren und kannst dann mit dieser Funktion die Wordfomatierungen entfernen.
Außerdem funktioniert bei mir das Einfügen von Bildern über Drag&Drop nur im IE, nicht im Firefox, oder ist das normal?
mmh noch nie getestet, weder im IE noch 😉
Grüße
schon mal den post Nr.1 gelesen???
#
## Markup options
#
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags = center, sdfield
removeTagsAndContents = style,script
schreibst du rein was du weg haben möchtest, fertig.
z.b. removeTags = center, sdfield, border, font, ...