Zum Inhalt springen

rtehtmlarea: CSS-Zuweisung der Buttons konfigurieren

Erstellt am 17. März 2006 · 7 Antworten · letzte Antwort am 10. Mai 2006

Tags: Frage

mrasp ·

Hallo Forum.

Die Dokumentation zum RTE Html Area 1.2.0 ist alles andere als brauchbar. Die gezielte Anpassung nach eigenen Wünschen ist eine Katastrophe.
#angry#

Die Redakteure in unserem Intranet sollen im RTE nur folgende Buttons sehen:
fett; kursiv; unterstrichen; Ausrichtung: rechts, links, zentriert, Blocksatz; Punktliste; Link; Grafik; Formatierung entfernen; kopieren/ausschneiden/einfügen; undo/redo; about; Tabelle einfügen und alle Tabellenfunktionen

Die Extension ist als "Minimal" konfiguriert, damit ich nur die Features freischalten muss, die gebraucht werden.

Nach viel Fummelei habe ich den RTE auch einigermaßen konfiguriert bekommen, allerdings lässt das Ergebnis zu wünschen übrig.

Wenn ich in einem Text etwas fett markiere, dann ist es nach dem Speichern verschwunden. Das gleiche gilt bei kursiv, unterstrichen und Ausrichtung: Blocksatz. Ausrichtung links/rechts/zentriert funktioniert. Im Frontend sehe ich dann nur einen Absatz (P) mit der CSS-Klasse bodytext (von CSS styled content).

Wie kann ich denn beispielsweise festlegen, dass als Formatierung für Fett (Button "B") nicht <strong>, sondern die folgende Inline-CSS-Anweisung verwendet wird?

<span style="font-weight:bold;">...</span>

Im page TSconfig der Rootpage steht folgender Code:

RTE.default {

  proc {
    overruleMode = ts_css
    dontConvBRtoParagraph = 1
  }

  disableEnterParagraph = 1
  disableColorPicker = 1
  disableSelectColor = 1
  showStatusBar = 1
  enableWordClean = 1

  # anzuzeigende Buttons
  options.RTEkeyList = *

  showButtons (
    bold, italic, underline, subscript, superscript, left,
    center, right, justifyfull, oderedlist, unorderedlist,
    link, image, removeformat, copy, cut, paste,
    undo, redo, showhelp, about, 
    table, toggleborders, tableproperties, rowproperties,
    rowinsertabove, rowinsertunder, rowdelete, rowsplit,
    columninsertbefore, columninsertafter, columndelete,
    columnsplit, cellproperties, cellinsertbefore,
    cellinsertafter, celldelete, cellsplit, cellmerge
  )

  hideButtons (
    lefttoright, righttoleft, inserttag, fontstyle, fontsize,
    blockstylelabel, blockstyle, textstylelabel, textstyle,
    formatblock, strikthrough, outdent, indent, textcolor,
    bgcolor, textindicator, emoticon, insertcharacter, line,
    user, acronym, findreplace, chMode, inserttag,
  )

  # Parsen
  hideTags = font, font (full)
  removeTags = center, font, sdfield, strike
  removeTagsAndContents = style, script
  removeTrailingBR = 1
  removeComments = 1

  # CSS-Konfiguration
  useCSS = 1

}

Im user TSconfig wird lediglich der RTE aktiviert.

setup.default.edit_RTE = 1

Mir ist allerdings aufgefallen, dass der Redakteur standardmäßig den HTML-Code sieht und erst auf den Button "In Rich Text Editor bearbeiten" klicken muss. Lässt sich das vielleicht auch abstellen, so dass man als Redakteur ausschließlich den RTE bekommt? Ich habe in der Doku nichts passendes gefunden.

Martin

petewulf ·

Hi mrasp,

Stimmt, die Doku zu rtehtmlarea 1.2.0 ist die reinste Katastrophe, ich hab die letzten paar Tage damit verbracht den RTE zu konfigurieren aber absolut gar nichts funktioniert da, weder die Anzeige aller Buttons (nicht mal mit der Demo-Config) bzw. mit den tausenden TS-Configs die da im Internet kursieren noch irgendwelche CSS-Style Anweisungen.

Ich denk mal der ist noch recht buggy und nicht gerade benutzerfreundlich(was die Konfiguration anbelangt), ich hoffe der wird in Zukunft mal etwas verbessert.

Hast Du das Problem mit der Css-Formatierung letzlich hinbekommen? Vielleicht kannst Du mir einen Tipp geben, wobei ich es schon aufgegeben hab den korrekt zum laufen zu bekommen, habe einfach nicht die Zeit dazu ewig nach Dokus zu suchen die ja letztlich eh nicht funktionieren.

freundliche Grüße,
pete

ms_k ·

hallo,

schau mal hier:
#39948
so hab ich meine HTMl-area konfiguriert und funzt soweit ganz gut - zwar Version 1.1.3, aber sollte mit version 1.2 ähnlich sein:

Grüße
Karin

petewulf ·

Hallo Karin!

Vielen Dank für deine Antwort, ich hab dein Posting schon durch die Suche gefunden und jetzt nochmals probiert, es tut sich einfach gar nichts, mir kommt schön langsam vor mein RTE ist statisch kompiliert.... #evil#

Habs auch schon mit Deinstallation versucht, typo3temp-Cache gelöscht...nix zu machen.

freundliche Grüße,
pete

dangersilke ·

Versuchs mal hiermit:

RTE.config.tt_news.bodytext.proc.allowedTags(span,div,strong,b)
RTE.default.proc.allowTags(b,strong)

Statt tt_news wirds bei Dir wahrscheinlich tt_content sein. Und halt alle Tags dazu schreiben, die Du haben willst.

Ich hab mich übrigens ewig damit rumgeschlagen, den RTE bottom up von Minimualkonfig aus zu konfigurieren. Schließlich aufgegeben, "typical" installiert und dann Sachen ausgeschaltet. Das geht sehr viel einfacher.

kulli ·
mrasp schrieb

[...]

<span style="font-weight:bold;">...</span>

[...]

Moin Martin

Hast du das mit dem span tag hinbekommen? ich verzweifel da noch dran...

Er will meinen BOLD Botten einfach nicht mir dem <strong> oder <b> tag versehen.

Gruß
Kulli

mrasp ·

Hallo Kulli.

Wir setzen derzeit keinen RTE ein, da die Konfiguration suboptimal ist ;-)

Ich werde mir demnächst mal Typo3 4.0 ansehen; vielleicht ist er da einfacher zu konfigurieren.

Martin

kulli ·
mrasp schrieb

Hallo Kulli.

Wir setzen derzeit keinen RTE ein, da die Konfiguration suboptimal ist ;-)

Ich werde mir demnächst mal Typo3 4.0 ansehen; vielleicht ist er da einfacher zu konfigurieren.

Martin

#evil#

Leider hat sich in dem Bereich nichts getan, unter 4.0 ist es genau der gleiche Aufwand.... es ist zum Mäuse mecklen.

Gruß
Kulli