Zum Inhalt springen

htmlarea / RTE (Konfiguration) - so gehts

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

Tags: Tipp

delldog ·

Ich glaube ich hab einen kleinen Fehler im ersten Posting des Threads gefunden:

### align attribute werden erlaubt
 .tags {
       p.fixAttrib.align.unset >

Wenn ich bei mir den Punkt (.) vor "tags" weglasse, wird auch das Attribut align im Tag p gespeichert. Mit dem Punkt wird das Attribut beim Speichern weggeworfen.

Oder liege ich falsch und es gibt einen tieferen Sinn für den Punkt?
Bin noch nicht so 100%ig sattelfest in TS.

Gruss Stephan.

ms_k ·

Hallo delldog,

da liegst du richtig, der Punkt ist überflüssig - macht lustiger weise bei meinem System keinen unterschied. Das align wird trotz .tag[...] gesetzt. Danke 🙂

Viele Grüße
ms_k

pop-atze ·

An dieser Stelle auch von mir ein herzliches Danke an Dich, Karin!
Ich bin genau im richtigen Moment auf Dein Posting gestoßen und es hat mir, wie vielen anderen anscheinend ebenso, eine Menge Nervenschmalz erspart... 😉

Lieben Gruß

steffenk ·

Hi,

ich habe doch noch ein Problem.

jenachdem, wenn man z.B. Leerzeilen einfügt mit weichem Umbruch, erzeugt der RTE bei mir ein leeres div, das zu Layoutproblemen führt, ausserdem ja Quatsch ist:

<div></div>

Weiss jemand, womit das zusammenhängt bzw. wie ich ihm das abgewöhnen kann ?

vielen Dank.

Liberation ·

Leerzeilen erzeugen ein leeres DIV???

Das problem habe ich nicht, habe allerdings auch nicht den code aus dem ersten post übernommen sondern eigenen ts gemacht.

ms_k ·

mmh zwar konkrete Hilfe, aber an der ersten TSconfig sollte es nicht liegen.

Weiche Umbrüche = <br>
Harte Umbrüche = <p></p>

Der Fehler könnte z.B in der normalen TS liegen. hast du irgendwelche

styles.content.[blablah]

umdefiniert !?

Grüße
ms_k

steffenk ·

nein, garnichts.

Ich habe lediglich den Code aus dem ersten post genommen und an meine Bedürfnisse angepasst, was sich auf die Anzeige der Buttons und eigene Klassen beschränkt.

Ich versuch das nochmal genau reproduzierbar zu machen. Gleiches Problem hatte ich auch beim Einfügen aus Word-Dokumenten - selbst das html-cleaning lässt solche Fragmente stehen.

Hille ·

Hallo zusammen,
ja vielen Dank mir hat auch das lesen dieses Postings geholfen.
Im Manual "Handbuch für Redakteure" ist die IE-Einstellung beschrieben.
Gut, habe ich gedacht, gilt auch für Typo3 4.0 mit htmlArea.
Nein, gilt nicht
Lösung:
Temporäre Internetdateien-Einstellungen
Neue Versionen... auf Automatisch stellen
Speicherplatz: muß größer als 32MB sein.
So habe ich es jedenfalls jetzt eingestellt.
Nun geht alles.
Ich hatte schon vermutet, die Einbindung der CSS-Dateien war falsch.
Gruß
Hille

space2063 ·

Hi,

da leider niemand auf die Frage des Mucksters geantwortet hat möchte ich Sie nochmal wiederholen.

Die Grundkonfigration funktioniert wunderbar, jedoch ist auch mir aufgefallen, dass komischerweise span-tags ignoriert werden.

Ich hab die Tags explizit erlaubt, jedoch speichert er diese nicht in der Datenbank.

Hat jemand eine Idee wie man Tags innerhalb von p-Tags explizit erlauben kann, so dass die Standard-Buttons bold und italic funktionieren?

Danke im Voraus,
space2063

space2063 ·

Hi,

ok, nachdem ich mich jetzt fast durch alle Einträge des Forums gequält habe (und das gleiche Problem mehrmals gesehen habe) ... kann ich die Frage präzisieren:

Es scheint, dass span-Tags, die eine class-Tag enthalten explizit über:

<code>
RTE.config.tt_content.bodytext.proc.allowedClasses = irgend_eine_klasse
</code>

erhalten werden könnnen. Das ist auch nicht die Frage. Wie kann man nun span-Tags speichern, die z.B. ein style-Tag besitzen? bzw. wie werden die Einträge, die htmlarea über die Buttons (bold/ italic) selbst einfügt, in der DB gespeichert ... das Gleiche gilt für Farbangaben etc.

MfG,
space2063

space2063 ·

Hey,

ok, nachdem ich ein paar Stunden rumgedockert habe kam nun folgende Lösung bei raus: einfach dieses bisschen an Code hinzufügen *g*

RTE.default.proc {
  # Content to database
  entryHTMLparser_db = 1
  entryHTMLparser_db {
      
  ## align attribute werden erlaubt
  tags {
    #span.fixAttrib.align.unset >
    #span.allowedAttribs = class,style
    span >
  }
}

Der auskommentierte Teil brachte komischerweise keinen Erfolg. Egal zumindest konnte ich mir selbst weiter helfen *freu* (und evtl. anderen Leidensgenossen).

... evtl. macht es Sinn diese Zeile auf der ersten Seite hinzuzufügen(?)

Greetz,
space2063

Footballschlumpf ·

Hallo zusammen,

ich habe mittlerweile alle Foren durch und sämtliche Lösungsansätze getestet, aber folgendes Problem bleibt, bzw. es ergibt sich ein weiteres Kuriosum...

die Definition eigener styles funktioniert und werden im Editor auch brav angezeigt. Nach der Speicherung gehen die für die Formatierung verantwortlichen <span>-tags allerdings verloren...
ändere ich aber die Klasse manuell auf eine default-Klasse, z.B. "important" werden sie gespeichert????? #angry# #angry#

ich könnte mir natürlich nun die drei Standard-Klasse nach meinen Bedürfnissen in meiner .css editieren (was funktioniert), das kann aber nicht der Weisheit letzter Schluss sein.....

Kann das irgendwie sein, dass da irgendwas hardcoded ist?

Ideen?

Liberation ·

trage deine classes hier ein:
Codebeispiel... 😉
RTE.default {

## Zuweisung der CSS-Datei
contentCSS = /fileadmin/template/res/rte_formate.css

## zeigt alle CSS-Klassen die in formate.css vorhanden sind
showTagFreeClasses = 1

## 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, 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, detail, downscript, superscript, underline, strikethrough, formatblock, blue, red, yellow, white
)
classesParagraph =align-left, align-center, align-right, justifycenter, csc-frame-frame1, csc-frame-frame2, csc-frame-frame3, csc-frame-frame4, csc-frame-frame5, csc-frame-rulerBefore, csc-frame-rulerAfter, csc-frame-indent, csc-frame-indent6633, csc-frame-indent3366, test
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, downscript, superscript, underline, strikethrough, red-text, blue-text, yellow-text, white-text

}

Footballschlumpf ·

Hm, ich glaub' ich hab mich nicht richtig ausgedrückt...

Z.B. eine der default-Klassen heißt "important" wird aber als "Wichtig" gelistet...

Wenn die Antwort von Liberation doch passt, hab ich keine Idee, wie ich es in der .css eintrage...

Liberation ·

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;
}
csc-frame-frame3 {
name = Frame with red background
value = background-color: #B20707; border: 1px solid #333333;
}
csc-frame-frame4 {
name = Frame with blue background
value = background-color: #0C08B2; border: 1px solid #333333;
}
csc-frame-frame5 {
name = Frame with graydark background
value = background-color: #383838; border: 1px solid #333333;
}
csc-frame-frame6 {
name = Frame with gray background
value = background-color: #7b7b7b; border: 1px solid #333333;
}
csc-frame-frame7 {
name = Frame without background
value = border: 1px solid #333333;
}
csc-frame-rulerBefore {
name = Frame with rulerBefore
border-top: 1px solid #333333;
}
csc-frame-rulerAfter {
name = Frame with rulerAfter
border-bottom: 1px solid #333333;
}
csc-frame-indent {
name = Frame with 100px indent
padding-left: 100px;
}
csc-frame-indent3366 {
name = Frame with 33% indent left
padding-left: 33%;
}
csc-frame-indent6633 {
name = Frame with 33% padding right
padding-right: 33%;
}
important {
name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:important
value = color: #8A0020;
}
}
Kostet min. ne Kiste Bier

knobocop ·

Hi,

ich habe in meiner tsconfig für die htmlarea u.a. stehen:

RTE.default {
  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, spellcheck, user, chMode
  hideButtons = fontstyle, formatblock, fontsize, ...
}

Trotzdem sind unter der Htmlarea die Auswahlboxen Justierung, Schrift, Grösse, Farbe. Sind die etwa gar nicht über die RTE-Konfiguration ansprechbar? Ich würde sie gerne verschwinden lassen.