automatischen HTML Code optimieren

Hallo,

stehe grad richtig aufm Schlauch, mir fallen für mein Problem noch nicht mal die richtigen Suchbegriffe ein.

TinyMCE erstellt mir folgenden Code

            <span style="color: #ff0000;">
              <span style="font-weight: bold;">
                <span style="font-size: 16px; font-family: arial;">
                  Februar:
                </span>
              </span>
           </span>

diesen möchte ich gern via php in

            <span style="color: #ff0000; font-weight: bold; font-size: 16px; font-family: arial;">
                  Februar:
                </span>

umwandeln.

Jemand einen Lösungsansatz oder ein paar Suchbegriffe, befehle für mich ?

Vielen Dank im Vorraus

gruß

speeedy018

Inline Styles sind sowieso böse.
Verwende besser CSS Dateien.
(und ich meine gelesen zu haben, dass TinyMCE damit umgehen kann)

Das schränkt zwar die Möglichkeiten etwas ein, sorgt aber für ein einheitliches Design und ist zentral änderbar. Sonst müsstest du bei Designänderungen alle per TinyMCE erstellten Inhalte einzeln anpassen.

das mache ich ja (Vordefinierte Vorlagen mit css dateien), allerdings muss ich dem user auch die Möglichkeit lassen mal die Schriftfarbe und Größe zu ändern sowie auch mal was fett zu machen. Dabei kommt dann so ein murks raus und denn würde ich gerne optimieren bevor ich den an die db schicke.

Welche Version benutzt du? Bei mir kommt ganz passables HTML hinten raus.

die aktuellste 3.3.9.2 vorgestern erst runtergeladen
das kommt meist wenn man ein wenig rumspielt, verschiedene Farben, verschiedene Größen.

Gruß

speeedy018

In wievielen Fällen kommt es vor, dass ein User ein Text färbig gestalten will? Üblicherweise wird ja das Aussehen von zB. hervorgehobenem Text und von Überschriften vorgegeben und sollte nicht der User beeinflussen können.

In diesem Fall ist es so, keiner einen Lösungsansatz ?

Also den einzigen Weg, das erzeugte HTML nachträglich zu ändern, sehe ich in der Nutzung von XSLT. Da kannst du dir ein Template bauen, welches diese mehrfach verschachtelten Styling-spans zu einem zusammenfasst. Fortgeschrittene Kenntnisse in XPath und XSLT vorausgesetzt.

Zitat von speeedy018

In diesem Fall ist es so, keiner einen Lösungsansatz ?

Die Sache ist imho so. Je mehr Freiheiten deine "User" beim Gestalten des Codes über TinyMCE haben, desto schrottiger ist der Code. Und da kannst du meiner Meinung nach herzlich wenig gegen machen. Das ist z.B. genau so wie bei Typo3. Da hast du dann auch zwei verschachtelte divs für eine pisselige horinzontale Linie mittels <hr />. TinyMCE muss einfach alle möglichen Kombinationen abfangen und das bläht den Code dementsprechend auf. Ist halt so.

Peter


PS: Es sei denn, du schränkst die Funktionalität von TinyMCE gewaltig ein.

Zitat von AmicaNoctis

Also den einzigen Weg, das erzeugte HTML nachträglich zu ändern, sehe ich in der Nutzung von XSLT. Da kannst du dir ein Template bauen, welches diese mehrfach verschachtelten Styling-spans zu einem zusammenfasst. Fortgeschrittene Kenntnisse in XPath und XSLT vorausgesetzt.

Uih, das kann aber echt heftig werden, bei all den verschiedenen Möglichkeiten, was den Code angeht.

Mal was anderes. Wie stellst Du sicher, dass man Dir keinen bösen Code einschleußt? Ich kann Dir dafür HTML-Purifier empfehlen. Der kann übrigens auch IMHO ein paar Cleanups übernehmen.

Hab mir TinyMCE schon lang nicht mehr angeschaut - gab es da nicht so etwas wie "Clean-up-Messy-Code" - oder war das ein anderer Editor? Das hatte genau das vom TO gewünschte bewirkt.