Zum Inhalt springen

htmlarea / RTE (Konfiguration) - so gehts

Erstellt am 21. März 2006 · 191 Antworten · letzte Antwort am 28. Februar 2013 · Seite 6 von 10

Tags: Frage

Estrobyn ·

Jetzt misch ich mich hier auch mal ein...

Habe den Code vom Anfang übernommen und das meiste funktioniert (Danke an ms_k!!!). Nur 2 Dinge nerven mich schon lange:

1) Wenn ich nur eine Zeile Text schreibe (ohne Absatz), erscheint das Pop-Down Menu "Paragraph" immer noch grau (deaktiviert) obwohl ich den einen Satz auch gerne mit einem css Format versehen würde... 😢 ("Text" bleibt auch deaktiviert) bis ich die Enter Taste drücke, dann aktivierts wie von geisterhand ... 😉

2) Ich habe in meinem CSS die Links so modifiziert, dass immer ein Pfeilchen automatisch vor jeden Link gesetzt wird. Der RTE schnallt das aber irgendwie nicht, der setzt das Pfeilchen immer vor den ganzen Satz wo der Link drin ist resp . wenn ich mit <BR> umbreche sogar vor dem gesamten Absatz... #paralyzed#

Hatte da jemand schon dieselben Probleme und/oder weiss ne Lösung?

Danke und Grüsse

Estro

ms_k ·

Hallo,

1) Wenn ich nur eine Zeile Text schreibe (ohne Absatz), erscheint das Pop-Down Menu "Paragraph" immer noch grau (deaktiviert) obwohl ich den einen Satz auch gerne mit einem css Format versehen würde... icon_cry.gif("Text" bleibt auch deaktiviert) bis ich die Enter Taste drücke, dann aktivierts wie von geisterhand ... 😉

das scheint noch ein besonderes Feature zu sein, denn erst wenn man speichert wird bei einer einzeiligen Geschichte ein <p>-Tag gesetzt und erst sobald ein Tag vorhanden ist - werden die Format- und Stilvorlagen aktiviert. Also dafür hab ich auch noch keine Lösung, aber ich finde mit der <enter> bzw. speichern-Variante lässt es sich leben 😃 .

2) Ich habe in meinem CSS die Links so modifiziert, dass immer ein Pfeilchen automatisch vor jeden Link gesetzt wird. Der RTE schnallt das aber irgendwie nicht, der setzt das Pfeilchen immer vor den ganzen Satz wo der Link drin ist resp . wenn ich mit <BR> umbreche sogar vor dem gesamten Absatz..

post doch mal auszüge aus deinem HTML-Quellcode bzw. CSS-Code, denn momentan würd ich eher auf definitionsfehler dort tippen.

Grüße
ms_k

Estrobyn ·

Hallo!

Vielen Dank für deine Antwort!

das scheint noch ein besonderes Feature zu sein, denn erst wenn man speichert wird bei einer einzeiligen Geschichte ein <p>-Tag gesetzt und erst sobald ein Tag vorhanden ist - werden die Format- und Stilvorlagen aktiviert. Also dafür hab ich auch noch keine Lösung, aber ich finde mit der <enter> bzw. speichern-Variante lässt es sich leben.

Ja, das denke ich mir auch. Also für mich ist es kein Problem. Es kamen von anderen Benutzern des Backend immer die gleichen Fragen, wieso dass es nicht funktioniert, etc. Aber sowas mit dem <p> Tag habe ich au vermutet... Vielleicht gibt's ja doch irgendwann ne Lösung. Bei mir ist es meistens so: Sobald ich mich eine zeitlang nicht damit befasse kommt mir plötzlich die Lösung in den Sinn 😉

post doch mal auszüge aus deinem HTML-Quellcode bzw. CSS-Code, denn momentan würd ich eher auf definitionsfehler dort tippen.

Hier ist der CSS Code. Den habe ich bei einer anderen Website auch schon eingesetzt, dazumal aber noch mit dem alten RTE und der letzten Version von TYPO3... Da hat's geklappt... #paralyzed#

.bodytextlink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none; 
	color: #152665;
	list-style-type: none;
	background: url(img/pfeil_link.gif) no-repeat left center;
	padding: 0 0 0 10px;
}

Liebe Grüsse

Estro

ms_k ·

hi,

also meine CSS-Klassen sehen auch so aus, hast du die Klasse im TSconfig definiert ala:

Seite 1: Zeile: 101-104

proc.
		# 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, [deinKlasse]
		)

und seite 1, zeile 165

# Classes: Eigene Stile
classesCharacter = [deineKlasse]

Die Klasse ist auch in deiner RTE definierten CSS und Sonstigen CSS bekannt?

Wie sieht denn dein generierter HTML-Quellcode aus.

Grüße
ms_k

Estrobyn ·

Salü!

PS: Kannst gleich nach unten scrollen, das erste Problem ist gelöst! 😉

Ja, das habe ich alles gemacht...

# 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, bodytextlink, bodytext
                )

und

        # Classes: Eigene Stile
        classesCharacter = author, bodytextlink, bodytext
        classesImage= rte_image

Der Quelltext sieht wie folgt aus:

<td id="content_bodytext" class="bodytext">
	<!--  CONTENT ELEMENT, uid:2/text [begin] -->
		
		<!--  Text: [begin] -->
			<p class="bodytextlink">Auf diesen Seiten stellt sich die <a href="http://www.seite.ch" title="Opens external link in new window" target="_top" class="external-link-new-window" >Sekundarschule</a> vor.</p>

		<!--  Text: [end] -->
			
	<!--  CONTENT ELEMENT, uid:2/text [end] -->
		
	
		</td>

Der Pfeil erscheint (sowohl im RTE als auch auf der Page) vor dem ganzen Text und nicht nur vor dem Link, obwohl ich explizit zuerst das zu verlinkende Wort markiert habe und dann "bodytextlink" auswählte (der Link ist ja auch nur auf dem einen Wort)... Ich nehme an, weil da ein <p> Tag fehlt und der RTE Klassen nur <p> Tags zuweisen kann? Vielleicht muss man dem sagen, dass die Klasse "bodytextlink" den <a> Tags zugeordnet werden soll?

Grüsse und danke!

Estro

-------------------
OMG - Jetzt habe ich den Fehler entdeckt.......

Ich habe anstatt das "Text" Pop-Down-Feld das "Paragraph" Pop-Down Feld benutzt... Oje, ist mir das peinlich... Aber ich glaube, es hat daran gelegen, dass ich die eigenen Klassen nicht sauber verlinkt habe im Config des RTE, sprich der TIPP mit

# 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, bodytextlink, bodytext
                )

und

        # Classes: Eigene Stile
        classesCharacter = author, bodytextlink, bodytext
        classesImage= rte_image

war Gold wert!!! Damit ist das Text-Pop-Down Menu erst erschienen...

Vielen herzlichen Dank!!!

Hmm... Lustigerweise funktioniert jetzt der "hover"-Effekt des so markierten Links aber nicht mehr... 🙁
Quelltext dazu:

<td id="content_bodytext" class="bodytext">
	<!--  CONTENT ELEMENT, uid:2/text [begin] -->
		
		<!--  Text: [begin] -->
			Auf diesen Seiten stellt sich die <a href="startseite.html" title="Opens internal link in current window" target="_top" class="bodytextlink" >Sekundarschule</a> vor.
		<!--  Text: [end] -->

			
	<!--  CONTENT ELEMENT, uid:2/text [end] -->
		
	
		</td>

Kann man eigentlich die Klassen beim Link-Setzen auch gleich umbenennen und die eigenen einfügen (z.B. "internal-link-new-window" mit meinem "bodytext" ersetzen)?

Liebe Grüsse

Estro

ms_k ·

hi,

hast du evtl. eine generelle A-tag Definition die in deiner CSS ist, die die Klasse bodytextlink noch überschreibt?

Kann man eigentlich die Klassen beim Link-Setzen auch gleich umbenennen und die eigenen einfügen (z.B. "internal-link-new-window" mit meinem "bodytext" ersetzen)?

äh in deinem geposteten Quellcode ist es doch schon so

#
<!-- Text: [begin] -->
#
Auf diesen Seiten stellt sich die <a href="startseite.html" title="Opens internal link in current window" target="_top" class="bodytextlink" >Sekundarschule</a> vor.
#
<!-- Text: [end] -->

oder war das der wunschquellcode *g*.

Grüße ms_k

Unbekannter Benutzer ·

Hi Leute,

ich stehe vor einem Problem. Ich möchte die RTE HTMLArea gerne für einen Kunden anpassen. Damit dieser leichter von mir definierte Klassen verwenden kann.

Wie ist es möglich evtl. Einrückungen vorzunehmen im Dropdownmenü?

Bsp:
Tabellenstil1

Klasse1
Klasse2
Klasse3

Tabellenstil2

Klasse4
Klasse5
Klasse6

Dies würde die Auswahl der richtigen Klasse enorm erleichtern.

Ich arbeite ebenfalls mit der rte_formate.css hier aus dem Forum und der im ersten Post zur Verfügung gestellten Konfiguration.

Gruß MoRpH2k2

PS: Ich musste die Quote Funktion nutzen um eine Einrückung hinzubekommen 😉 Sowohl Tabs als auch leerzeichen wurden ignoriert 😉

briem ·

Wie bekomme ich den alttext von Links weg?
Ich meine damit "Öffnet einen internen Link" usw.
Ich möchte auf diese Texte gänzlich verzichten.
Danke im vorraus

just2b ·
marelinchen schrieb

hallo weiss jemand wo ich die extension in version 1.2 downloaden kann.
auf typo3.org ist nur die neuste 1.4

extension manager > suche nach der ext > klick auf den titel > link oben dropdown version auswählen > update/o.ä. klicken

georg

Liberation ·
briem schrieb

Wie bekomme ich den alttext von Links weg?
Ich meine damit "Öffnet einen internen Link" usw.
Ich möchte auf diese Texte gänzlich verzichten.
Danke im vorraus

rootpage TS, nicht ins Template!
->
RTE.classesAnchor {
externalLink {
class = external-link
type = url
image = fileadmin/template/rte/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/template/rte/link.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/template/rte/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/template/rte/link.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/template/rte/link.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/template/rte/link.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_titleText
}
}

Chiba City Boy ·

Hallo @all, nachdem ich seit längerem mitlese hab ich mich entschlossen mich nun auch registriert um eine Frage zu meinem kniffeligen Problem zu stellen.

Ich kriege den RTE absolut nicht nach meinen Wünschen konfiguriert, habe alle relevanten Threads hier im Forum gelesen, ebenso diese recht bekannte und erstklassige Anleitung zum RTE konfigureieren:http://ug.typo3-nrw.de/typo3-dynamic_css.html

Das Problem ist das die Drop-Downs "Absatz" und "Text" einfach immer ausgegraut sind, egal was ich mache. Das Thema gabs schon oft, aber keine der Lösungen dort hat geholfen. Ist auch kein Browserproblem, tritt in FF und IE auf. Bin echt ratlos.

Hier meine PgaeTS-Config:

RTE.classes {
        quelle{
                name = quelle
                value = color: #DA1F3D;text-align: right;width:300px;float:right;
        }
        kommentar {
                name = kommentar
                value = width:200px;float:right;border-left: 2px solid #DA1F3D;margin: 0 10px;padding: 0 10px 5% 10px;font-size: 1.1em;
        }
}

#CSS Konfiguration
RTE.default.contentCSS = fileadmin/rte.css
RTE.default.useCSS = 1
RTE.default.classesAnchor >
RTE.default.classesImage = links, rechts
RTE.config.tt_content.bodytext.proc.allowedClasses = quelle, kommentar

#RTE-Verhalten
RTE.default.enableWordClean = 1
RTE.default.disableEnterParagraphs = 0
RTE.default.hideTags = font, font (full)

#Transformation
RTE.default.proc {
   // TRANSFORMATION METHOD
   overruleMode = ts_css

   dontConvBRtoParagraph = 1
}

#Farben
RTE.default.disableColorPicker = 1
RTE.default.disableSelectColor = 0
#vordefinierte farben
RTE.colors {
   color1 {
      name = gelb
      value = #FFCD1F
   }

   color2 {
      name = hellgelb
      value = #FFF4D8
   }

   color3 {
      name = dunkelgelb
      value = #F0C11D
   }

   color4 {
      name = senf
      value = #D19400
   }

   color5 {
      name = rot
      value = #DA1F3D
   }

   color6 {
      name = dunkelrot
      value = #B01931
   }
}
RTE.default.colors = color1, color2, color3, color4, color5, color6

#Template-Compliance
#H1 schon vergeben
RTE.default.hidePStyleItems = PRE, H1

#WORKARAOUND wegen ausgegrauten Boxen:
RTE.default.showTagFreeClasses = 1

Das zugehörige rte.css:

p.quelle {
	color: #DA1F3D;
         text-align: right;
         width:300px;
         float:right;
         }

p.kommentar {
	width:200px;
         float:right;
         border-left: 2px solid #DA1F3D;
         margin: 0 10px;
         padding: 0 10px 5% 10px;
         font-size: 1.1em;
}

img {
	border: 1px solid #DA1F3D;
}

img.links {
	float: left;
         margin: 10px 10px 10px 0;
	border: 1px solid #DA1F3D;
}

img.rechts {
	float:right;
         margin: 10px 0 10px 10px;
	border: 1px solid #DA1F3D;
}

Die rte.css wird zusätzlich zur "normalen" styles.css eingebunden, ist auch in der Ausgabe korrekt.

Was in der Ausgabe allerdings ebenfalls fehlt, sind die <p> Tags. Alles was im RTE noch innerhalb von <p>-Tags sitzt, steht einfach plain im Quelltext der Ausgabe. In der Quelltextansicht des RTE sind die <p> noch da!

Nach einigem rumprobieren habe ich festgestellt, dass "Absatz" und "Text" ausgegraut werden sobald diese Zeile drin steht, ohne die es ja aber auch niocht geht: RTE.default.contentCSS = fileadmin/rte.css

Ich verwende Typo 4.0, rteHTMLArea

Wäre super wenn jemand dazu ne Lösung wüsste, ich bin echt seit Tagen am rumbasteln und kurz davor hinzuschmeissen.

LG, CCB

Chiba City Boy ·

Hmm, also das Problem mit den fehlenden <p> Tags besteht nicht mehr, lag am TSconfig, eine Ebeene höher.

Weiterhin besteht das Problem mit den Ausgegrauten Dropdown Boxen...

lambdaoe ·
Chiba City Boy schrieb

Weiterhin besteht das Problem mit den Ausgegrauten Dropdown Boxen...

Habe das gleiche Problem und die gleichen Erkenntnisse.
Kann allerdings noch eines draufsetzen:
Wenn ich mal auf HTML umschalte (<>) und wieder retour komme ist plötzlich der Absatz nicht mehr grau. Allerdings auch keine Spur von meinem Style.
Während ich hier schreibe passiert das Ungewöhnliche: :o
Versuchte mal auf "Zentrieren" - plötzlich kommt auch der Text-pulldown mit "Standard" und "Undefiniert". Funktioniert aber nur in der ersten Zeile.
Hier meine minimalistische TS:

################################################
# FORMAT RTEHTMLAREA
################################################
RTE.default.contentCSS = fileadmin/templates/rtehtmlarea/my_css.css
RTE.default.useCSS = 1
RTE.default.classesParagraph = my_numbered_style,align-left,align-right,align-center
RTE.default.classesCharacter = roteSchrfit
RTE.default.showTagFreeClasses = 1
RTE.config.tt_content.bodytext.proc.allowedClasses = my_numbered_style,roteSchrift,align-left,align-right,align-center

Gruß

PS: warum ist der Thread eigentlich als abgeschlossen gekennzeichnet???

PPS: es gibt dazu eine Thread im Bugtracker http://bugs.typo3.org/view.php?id=1565

Uwe Gast ·

Hallo,
ich habe vielleicht einen trivialen Fehler, vielleicht kann mir ja jemand weiterhelfen.
Ich verwende typo3 4.0 und RTEhtmlarea 1.4.2.
ich habe in meine Seiten TS-Config die config aus dem ersten Post eingefügt und folgende Sachen geändert:

proc {
# tags die erlaubt / verboten sind
allowTags = font, 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
...

HTMLparser_rte {

# tags die erlaubt/verboten sind
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags

# tags die untersagt sind
# removeTags = font

also explizit font tags erlaubt.
Wenn ich jetzt mit RTEhtmlarea einen Textabschnitt markiere und die Schriftgröße ändere tut er das erst einmal, sobald ich den speichern button drücke sind die Fontspezifischen Änderungen wieder weg. Weiss jemand Rat?

Danke!

Uwe

acha ·

Hallo Zusammen,

habe das selbe Problem wie Uwe Gast!

Anweisungen in der TSconfig der Root-Seite werden irgendwie nicht beachtet!
Span obwohl ausdrücklich erlaubt wird beim speichern wieder aus dem Quellcode geschmissen ...

Irgendjemand eine Idee #paralyzed#

(Update von 3.7.0 auf 4.0.2)

Danke schon mal vorab an alle die hier ihre Zeit und Energie verwenden um anderen auf die Sprünge zu helfen!

Grüße Aliya

birgitr ·

Klassen aus dem eigenen CSS für Absätze und <span> zulassen:

// page TSconfig

### externe CSS Datei
RTE.default.contentCSS = fileadmin/templates/css/content.css

### Klassen aus contentCSS hinzufügen
RTE.default.classesParagraph := addToList(klein, links, rechts,csc-frame-frame100)
RTE.default.classesCharacter := addToList(klein, codeblock)

:= addToList() funktioniert erst ab TYPO3 4.0, ansonsten einfaches Gleichheitszeichen verwenden

Rendering-Methode: CSS styled Content (weiter KEINE statischen Templates wie content(default) oder so)

RTE.default.proc {									  ## TRANSFORMATION METHOD
  overruleMode = ts_css
}

Ist normalerweise schon in der Voreinstellung des Editors.

paopao1 ·

Hallo,

ich habe auch meine Probleme RTE für meine Bedürfnisse zu konfigurieren:

Meine Aufzählungen (Nummerierungen & Punktlisten - bullet list) werden zwar im RTE angezeigt, aber nicht übernommen, wenn ich mir das ganze ansehe. ???!!??

Habt ihr eine Idee was da los ist?

Hier ist mein RTE:

RTE.config.tt_content.bodytext.types.bullets.disable = 1

#RTE.config.tt_content.bodytext.showButtons = *

#Default configuration settings = Demo
## Define labels and styles to be applied to class selectors in the interface of the RTE

## Partial re-use of color scheme and frame scheme from CSS Styled Content extension

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;

}

csc-frame-frame1 {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:frame-frame1

value = background-color: #EDEBF1; border: 1px solid #333333;

}

csc-frame-frame2 {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:frame-frame2

value = background-color: #F5FFAA; border: 1px solid #333333;

}

important {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:important

value = color: #8A0020;

}

name-of-person {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:name-of-person

value = color: #10007B;

}

detail {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:detail

value = color: #186900;

}

component-items {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:component-items

value = color: #186900;

}

action-items {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:action-items

value = color: #8A0020;

}

component-items-ordered {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:component-items

value = color: #186900;

}

action-items-ordered {

name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:action-items

value = color: #8A0020;

}

}

## Anchor classes configuration for use by the anchor accessibility feature (htmlArea RTE only)

RTE.classesAnchor {

externalLink {

class = external-link

type = url

image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/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 = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/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 = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/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 = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/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 = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/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 = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/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

}

}

## Default RTE configuration

RTE.default {

## Markup options (htmlArea RTE only)

enableWordClean = 1

removeTrailingBR = 1

removeComments = 1

removeTags = center, o:p, sdfield

removeTagsAndContents = style,script

## Allow img tags

proc.entryHTMLparser_db.tags.img >

## Allow align and style attributes on p and span tags

proc.entryHTMLparser_db.tags {

p.fixAttrib.align.unset >

div.fixAttrib.align.unset >

p.allowedAttribs = class,style,align

span.fixAttrib.style.unset >

}

## Toolbar options

showButtons = *

## More toolbar options (htmlArea RTE only)

keepButtonGroupTogether = 1

## Enable status bar (htmlArea RTE only)

showStatusBar =  1

## Add default example 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; }

)

## Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.

inlineStyle.frames (

p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

)

## Bullet styles for unordered lists.

inlineStyle.ul (

ul.component-items { color: #186900; list-style-type: circle; }

ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

)

## Numbering styles for ordered lists.

inlineStyle.ol (

ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }

ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

)

## Three inline text colors taken from the color scheme of CSS Styled Content extension.

inlineStyle.inline-text (

span.important { color: #8A0020; }

span.name-of-person { color: #10007B; }

span.detail { color: #186900; }

)

## Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only)

ignoreMainStyleOverride = 1

## For this demo, do not remove font, strike and u tags

proc.entryHTMLparser_db.removeTags := removeFromList(font,strike,u)

## List all class selectors that are allowed on the way to the database

proc.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,

component-items, action-items,

component-items-ordered, action-items-ordered,

important, name-of-person, detail

)

## classesParagraph, classesTable, classesTD, classesLinks, classesCharacter

## Classic RTE: Specify the list of class selectors that should be presented in the RTE interface:

## htmlArea RTE: Restrict the list of class selectors presented by the RTE to the following:

classesParagraph (

align-left, align-center, align-right, 

csc-frame-frame1, csc-frame-frame2

)

classesTable = csc-frame-frame1, csc-frame-frame2

classesTD = align-left, align-center, align-right

classesLinks = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail

classesCharacter = important, name-of-person, detail

## Configuration of the anchor accessibility feature (htmlArea RTE only)

## 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

}

## Show all applicable class selectors available in the style sheet file (htmlArea RTE only)

showTagFreeClasses = 1

## Configuration specific to the table button or TableOperations feature (htmlArea RTE only)

## Use the context menu instead of the toolbar for table operations, but keep toggleborders button in toolbar

hideTableOperationsInToolbar = 1

buttons.toggleborders.keepInToolbar = 1

## Configuration specific to the inserttag button or QuickTag feature (htmlArea RTE only)

## Do not allow insertion of the following tags

buttons.inserttag.denyTags = font, underline, strike, table

## Configuration specific to the spellcheck button or SpellCheck feature (htmlArea RTE only)

## Enable the use of personal dictionaries

enablePersonalDicts = 1

}

## Use same processing as on entry to database to clean content pasted into the editor

RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db

## front end RTE configuration (htmlArea RTE only)

RTE.default.FE < RTE.default

RTE.default.FE.userElements >

RTE.default.FE.userLinks >

## tt_content TCEFORM configuration

## Let use all the space available for more comfort.

TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 100%

The following is inserted in User TSConfig:

## Enable the RTE by default for all users

setup.default.edit_RTE = 1

## Enable the file upload feature of the element browser by default for all users

options.uploadFieldsInTopOfEB = 1

## Set the default spelling ability of the check speller for all users

options.HTMLAreaPspellMode = bad-spellers

## Enable the personal dictionary feature of the check speller by default for all users

options.enablePersonalDicts = 1

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
typo3newbie ·

Moin,

ich habe im TS-Config der Root-Seite folgendes eingetragen:

RTE.classesAnchor {
  internalLink {
    class = internal
    type = page
    image >
    }
  externalLink {
    class = external
    type = url
    image >
    }
  download {
    class = download
    type = file
    image >
    }
  mail {
    class = mail
    type = mail
    image >
    }
  pdf {
    class = PDF
    type = file
    image >
  }

RTE.proc {
  allowedClasses {external-link, internal-link, download, mail, pdf}
  }

RTE.classesAnchor = external-link, internal-link, download, mail, pdf

Aber trotzdem produziert mir der RTE in der Ausgabe die Klassen class="internal-link" und class="external-link". Die Klasse PDF kann ich gar nicht auswählen, wenn ich einen Link auf eine Datei setze.

Was mache ich denn falsch?

Viele Grüße
typo3Newbie

Sunrising ·

Mal eine dumme Frage:

Ich habe die Konfig auf der 1. Seite dieses Themas in die TSConfig meiner Seite reinkopiert. Alle formatierungen werden im RTE (Backend) rchtig dargestellt, jedoch werden die Formatierungen (Bilder, Links, usw.) im Frontend nicht angezeigt. Welche Ursache könnte das haben?

Gruß
Sunrising