Zum Inhalt springen

htmlarea und css: span wird im <p> nicht gespeichert

Erstellt am 22. Juni 2005 · 5 Antworten · letzte Antwort am 21. Januar 2011

Tags: Frage

mafl ·

ich weiß, es gibt unzählige beiträge zum thema, aber ich denke ich habe alle probiert (ohne genau zu wissen was ich tue - ich bin neu bei typo3)und trotzdem keine lösung.
also die (meine) konfiguration habe ich, nach zwei tagen hinbekommen (Einstellungen weiter unten). rte zeigt mir alle buttons an die er soll, er zeigt mir die stile an wie er soll und er macht alle einträge wie er soll, ABER....
ich erstelle folgenden text:

<p>Hallo ihr da draussen,</p>
<p>ich möchte diesen Text anders formatiert haben <span class="ueberschriftROT">als diesen Text</span></p>
<ul><li>in einer Liste funktionierts</li><li><span class="ueberschriftROT">wie Ihr hier seht</span></li></ul>
<table cellspacing="1" cellpadding="1" style="border-style: solid; border-width: 1px; width: 100%;"><tbody><tr><td>in einer tabelle auch, <span class="ueberschriftROT">wie hier zu sehen</span><br /></td></tr></tbody></table>

Nachdem ich auf speichern klicke liefert der rte folgendes:

<p>Hallo ihr da draussen,</p>
<p>ich möchte diesen Text anders formatiert haben als diesen Text</p>
<ul><li>in einer Liste funktionierts</li><li><span class="ueberschriftROT">wie Ihr hier seht</span></li></ul>
<table cellspacing="1" cellpadding="1" style="border-style: solid; border-width: 1px; width: 100%;"><tbody><tr><td>in einer tabelle auch, <span class="ueberschriftROT">wie hier zu sehen</span><br /></td></tr></tbody></table>

Er speichert also innerhalb des <p> tags den <span tag nicht ab (Zeile 2) warum? und wie bringe ich ihn dazu es doch zu tun?
vielleicht kann jemand die lösung auch kurz kommentieren, damit ich (und vielleicht auch viele andere) wieder was lernen.

hier noch meine konfigurationsdaten (falls jemand sowas sucht):
TYPO3 Ver. 3.8.0
rtehtmlarea 0.5.3
stat. Template: content(default)

In der Configuration der Extension
Enable all editor options = 1
# Erstmal keine Beschränkung der Funktionen

In der User.TSconfig

## RTE Configuration ##

options.RTEkeyList = blockstylelabel, blockstyle, textstylelabel, textstyle, bold, italic, underline, left, center, right, orderedlist, unorderedlist, outdent, indent, insertcharacter, line, link, image, table, findreplace, chMode, removeformat, copy, cut, paste, undo, redo, about

# definiert die erlaubten Buttons bzw. Funktionen für den jeweiligen User - mögliche Einträge: blockstylelabel, blockstyle, space, textstylelabel, textstyle, bar, linebreak, fontstyle, space, fontsize, space, formatblock, bar, bold, italic, underline, bar, strikethrough, subscript, superscript, bar, lefttoright, righttoleft, bar, left, center, right, justifyfull, bar, orderedlist, unorderedlist, outdent, indent, bar, textcolor, bgcolor, textindicator, bar, emoticon, insertcharacter, line, link, image, table, user, acronym, bar, findreplace, spellcheck, bar, chMode, inserttag, removeformat, bar, copy, cut, paste, bar, undo, redo, bar, showhelp, about, linebreak,  toggleborders, bar, tableproperties, bar, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, bar, columninsertbefore, columninsertafter, columndelete, columnsplit, bar, cellproperties, cellinsertbefore, columninsertafter, celldelete, cellsplit, cellmerge

## Ende RTE Configuration ##

In der root (gilt dann für alle Unterseiten) Page.TSConfig:

## RTE Configuration ##

RTE.default.contentCSS = fileadmin/template/css/styles.css
# Einbinden der externen css Datei

RTE.default.showTagFreeClasses = 1
# im blockstyle-Feld werden ALLE, im textstyle-Feld die unten definierten Klassen werden angezeigt

RTE.default.classesCharacter = ueberschriftROT, textFETT
# Hier definierte Klassen werden im textstyle-Feld angezeigt

RTE.default.toolbarOrder = blockstylelabel, blockstyle, space, textstylelabel, textstyle, bar, textindicator, linebreak, bold, italic, underline, bar, left, center, right, bar, copy, cut, paste, bar, undo, redo, bar, orderedlist, unorderedlist, outdent, indent, linebreak, insertcharacter, line, link, image, table, bar, findreplace, bar, chMode, inserttag, removeformat, bar, showhelp, about, linebreak
# definiert die Reihenfolge der Buttons bzw. Funktionen für den jeweiligen User - mögliche Einträge: blockstylelabel, blockstyle, space, textstylelabel, textstyle, bar, linebreak, fontstyle, space, fontsize, space, formatblock, bar, bold, italic, underline, bar, strikethrough, subscript, superscript, bar, lefttoright, righttoleft, bar, left, center, right, justifyfull, bar, orderedlist, unorderedlist, outdent, indent, bar, textcolor, bgcolor, textindicator, bar, emoticon, insertcharacter, line, link, image, table, user, acronym, bar, findreplace, spellcheck, bar, chMode, inserttag, removeformat, bar, copy, cut, paste, bar, undo, redo, bar, showhelp, about, linebreak,  toggleborders, bar, tableproperties, bar, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, bar, columninsertbefore, columninsertafter, columndelete, columnsplit, bar, cellproperties, cellinsertbefore, columninsertafter, celldelete, cellsplit, cellmerge

## Ende RTE Configuration ##

Ansonsten habe ich alle Einstellungen auf Standard.
Also keine Einträge in der Template.Constants und der Template.Setup

die dazugehörige Stylesheets-Datei (styles.css) sieht (auszugsweise) so aus:

/* Formatierungen für Seite und RTE */

.ueberschriftROT { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-weight: bold; 
  color: #FF0000; 
  text-decoration: none 
}

.textFETT { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: bold 
  color: #333333; 
  text-decoration: none; 
}

bin für jede Hilfe dankbar (und so wie ich dieses forum lese, viele andere auch).

MrFriendly ·

Hallo,

habe (fast) das gleiche Problem mit Version 3.7.

Wie in der Anleitung beschrieben habe ich eine externe CSS-Datei mit diversen <span>-Styles. Diese weise ich über RTE.default.classesCharacter zu, so dass sie über das Pull-Down-Menü dem markierten Text zugewiesen werden können.

Wenn ich so einen Text formatiere und vor dem Speichern in die HTML-Ansicht wechsel, steht da auch korrekt

<p class=" AbsatzGross">text text text <span class="TextKlein">klein </span>text text text</p>
<p class=" AbsatzKlein">text text text <span class="TextGross">groß </span>text text text</p>

Nach dem Speichern ist das <span>-Tag jedoch weg, der Inhalt bleibt erhalten.

Wenn ich ein <span> außerhalb von <p> erstelle, wird es beim ersten Speichern von einem <p> umschlossen, beim zweiten Speichern ist das <span> dann wieder entfernt.

Kann jemand weiterhelfen?

XCylo7 ·

Ich habe das gleiche Problem, wie meine beiden Vorredner:
Ein per Selectorbox oder direkt in HTML eingetragenes <span>-Tag verschwindet beim Abspeichern einfach.

Woran kann ds liegen? Wäre für jede Hilfe sehr dankbar.

Gruß
XCylo7

Baschny ·

Hi!

Im PageTS löst meistens folgendes bei so etwas das Problem:

RTE.default.classesCharacter = classe1, class2, ...
RTE.config.tt_content.bodytext.proc.allowedClasses = classe1, class2, ...

Somit sollte das auch klappen mit dem Speichern der <span class="classe1"> usw.

mafl ·

Hallo Mic,

welche Typo-Version verwendest du?
In der 4.4.5 gibt es einen RTE-Bug. Ist mit 4.4.6 behoben.

Ansonsten habe ich das damals schon hinbekommen, nur frag mich bitte nicht mehr wie. Inzwischen verwende ich die letzte Version 4.4.6 mit dem integrierten htmlArea RTE und habe keine Probleme mehr.