Zum Inhalt springen

htmlarea / RTE (Konfiguration) - so gehts

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

Tags: Tipp

typo_3_newbie ·

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?

ms_k ·

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

pixelrolf ·

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
🙂

typo_3_newbie ·

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]

tschinschiri ·

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#

pixelrolf ·

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

toyde ·
pixelrolf schrieb

So 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.

pixelrolf ·
toyde schrieb

Oben 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

typo_3_newbie ·

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

chris_m ·

Testweise habe ich die Config aus dem ersten Beitrag in meine TSconfig (Setup) eingefügt und eine entsprechende CSS-Datei hochgeladen.

Leider hat dies überhauptkeine Auswirkungen auf htmlarea, als Textformate stehen wie gehabt nur <important>, <name-of-person> und <detail> zur Auswahl, also die Standardwerte, die auch ohne TSConfiguration angezeigt werden.

Schalte ich in den Demo-Mode wird nur die Standard-Demo-Konfiguration angezeigt.

D.h. der RTE scheint jegliche Einstellung im Template/TSConfig komplett zu ignorieren.

Mein System: Typo3 4.0 und htmlarea 1.3.7

Liberation ·

Hi habe das alles auch wunderbar konfiguriert nur eins stört mich noch...

Hinter der Schaltfläche "TEXT" Stehen nun alle extra Styles 2 mal.

TEXT: underline, <underline> usw.
wie kann ich das <underline> da jetzt noch ausblenden?

pixelrolf ·

Hallo Achim,
danke für die Mühe.

typo_3_newbie schrieb

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:
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?

Genau, endlich versteht mich einer ;-)
Im Quelltext wird keine CSS Datei eingebunden, da steht bei mir:

<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/dummy-3.8.0/typo3/alt_doc.php?&returnUrl=%2Ftypo3%2Fdummy-3.8.0%2Ftypo3%2Fsysext%2Fcms%2Flayout%2Fdb_layout.php%3Fid%3D15&edit[tt_content][37,]=edit" method="post" enctype="multipart/form-data" name="editform" onsubmit="return TBE_EDITOR_checkSubmit(1);">


		<!--
			JavaScript in top of page (before form):
		-->

		<script type="text/javascript">

usw...

Tsconf/FE Cache geleert und auch den IE6 Cache, dateien, Cookies, alles. Ich verwende Typo3 3.8 und RTE.
Aber schon mal gut zu wissen, dass die CSS Datei - wenn, dann an dieser Stelle eingebunden wird. Ist wie verhext ;-)

gruß,
rolf

sopinon ·

Hi all,

Bin auch gerade am customizing meines HTMLarea editors...

Habe die Konfiguration von Karin als Vorlage genommen (Danke übrigens). Klappt eigentlich ganz, doch habe ich etwas Probleme mit meinen DIV-Tags.

Ich würde gerne so etwas realisieren:

<div style="padding-top:10px; padding-bottom:10px;">
  <table .....
  </table>
</div>

Doch wenn ich dies mittels dem Sourcecode button implementiere und speichere, so wird der Code folgendermassen umgewandelt:

<p style="padding-top:10px; padding-bottom:10px;"> </p>
  <table .....
  </table>

Und das kann ich nicht wirklich gebrauchen! 🙁 Welche Einstellungen (Config) benötigt der RTE Editor, damit diese DIV Tags stehen bleiben?

Danke für eure Antworten! Grüsse aus der Schweiz...

ms_k ·

Hallo Liberation,

würde jetzt vermuten das noch classes / paragraphen definitionen irgendwie doppelt in deiner TsConfig drin sind. Post sie doch einfach mal.

Grüße
Karin

Liberation ·

Nee dran liegt es nicht habe alles mögliche durchprobiert...
sobald man:
## zeigt alle CSS-Klassen die in formate.css vorhanden sind
showTagFreeClasses = 1

setzt sind bei der RTE spalte TEXT alle classen doppelt vorhanden.(bewirken tun sie das selbe)
ist einfach irgendwie ein Schönheitsfehler...

Liberation ·

Hi,
habe den fehler jetzt doch gefunden...
css datei war schult ahtte für alle classen jeweils auch ein:
.underline {
text-decoration: underline;
}
usw. drin.

beispiel css...
.csc-frame-indent {
padding-left: 100px;
}
.csc-frame-indent3366 {
padding-left: 33%;
}
.csc-frame-indent6633 {
padding-right: 33%;
}
.align-left {
text-align: left;
}
.align-center {
text-align:center;
}
.align-right {
text-align:right;
}
.formatblock {
text-align:justify;
}
span.red-text {
color: red;
}
span.blue-text {
color: blue;
}
span.yellow-text {
color: yellow;
}
span.csc-frame-indent {
padding-left: 100px;
}
.csc-frame-indent3366 {
padding-left: 33%;
}
.csc-frame-indent6633 {
padding-right: 33%;
}
.align-left {
text-align: left;
}
.align-center {
text-align:center;
}
.align-right {
text-align:right;
}
.formatblock {
text-align:justify;
}
span.red-text {
color: red;
}
span.blue-text {
color: blue;
}
span.yellow-text {
color: yellow;
}
span.white-text {
color: white;
}
span.important {
color: red;
font-weight:bold;
}
span.underline {
text-decoration: underline;
}
span.important {
color: red;
font-weight:bold;
}
span.csc-frame-indent {
padding-left: 100px;
}
.csc-frame-indent3366 {
padding-left: 33%;
}
.csc-frame-indent6633 {
padding-right: 33%;
}
.align-left {
text-align: left;
}
.align-center {
text-align:center;
}
.align-right {
text-align:right;
}
.formatblock {
text-align:justify;
}
span.red-text {
color: red;
}
span.blue-text {
color: blue;
}
span.yellow-text {
color: yellow;
}
span.white-text {
color: white;
}
span.important {
color: red;
font-weight:bold;
}
span.underline {
text-decoration: underline;
}

ms_k ·

hehe - zwar keine doppelten in der Tsconfig aber in der CSS 😉

Freut mich das es jetzt funktioniert