Zum Inhalt springen

Standard - Source Code (content (default))

Erstellt am 8. Juni 2005 · 8 Antworten · letzte Antwort am 12. Juni 2005

Tags: Frage

somnatic ·

Also ich ärgere mich derzeit über den Standard - Sourcecode der da erzeugt wird.

Angenommen ich will ein Bild mit Text einfügen. Da würde doch z.B. genügen:

<table class="..."><tr><td class="...">Blablabla</td><td class="..."><img src="..." height="..." width="..." /></td></tr></table>

Aber erzeugt wird ein Konstrukt aus valign und derartigen Dingen. So etwas könnte man doch mittels CSS viel besser anpassen.

Gibts da vielleicht eine Möglichkeit wo ich die erzeugten Tags etwas verändern kann?

Muss ich zwingend den Weg über css_styled_content gehen? Würde das etwas bessern ?

weborganisator ·
somnatic schrieb

Gibts da vielleicht eine Möglichkeit wo ich die erzeugten Tags etwas verändern kann?

Ja, im Konstanteneditor, Kategory "Content".

somnatic schrieb

Muss ich zwingend den Weg über css_styled_content gehen? Würde das etwas bessern ?

Nein, siehe oben...
Ja, aber Du wirst bei komplexen CSS-Wünschen auf andere Probleme stoßen. Ist halt immer noch beta.

somnatic ·

hmm .. ich glaube ich bin blind ...

ich finde dort nur angaben wie z.b. 10px Abstand .. nicht jedoch dass bei einem Content - Element "Image with Text" er eine table basteln soll 🙁

weborganisator ·

Nein, Du bist nicht blind. Ich war etwas voreilig. Auch Änderungen mit dem Typo Object Browser bringt nicht viel, weil zum Beispiel die Tabellenkonstruktion hardcodiert ist.

Da mich das Thema aber auch interessiert, habe ich noch ein paar Tests gemacht.

Hier der Output mit content (default) für Text mit Bild unten links:

<font face="verdana" size="3"><b>Header</b></font><br />
<img src="clear.gif" width="1" height="5" border="0" class="spacer-gif" alt="" title="" /><br />
<p style="margin:0 0 0 0;">Text</p>
<img src="clear.gif" width="1" height="6" border="0" class="spacer-gif" alt="" title="" /><br />
<div style="text-align:left;">
  <table width="150" border="0" cellspacing="0" cellpadding="0" class="imgtext-table">
    <tr>
      <td colspan="1"><img src="clear.gif" width="150" height="1" alt="" /></td>
    </tr>
    <tr>
      <td valign="top"><img src="uploads/pics/flw_results_01.gif" width="150" height="60" border="0" align="top" alt="" title="" /><br /></td>
    </tr>
  </table>
</div>
<img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br />

Und nun das gleiche mit CSS Styled Content:

<div class="csc-header csc-header-n1">
  <h1 class="csc-firstHeader">Header</h1>
</div>
<p class="bodytext">Text</p>
<img src="clear.gif" width="1" height="6" border="0" class="spacer-gif" alt="" title="" /><br />
<div style="text-align:left;">
  <table width="150" border="0" cellspacing="0" cellpadding="0" class="imgtext-table">
    <tr>
      <td colspan="1"><img src="clear.gif" width="150" height="1" alt="" /></td>
    </tr>
    <tr>
      <td valign="top"><img src="uploads/pics/bild.gif" width="150" height="60" border="0" align="top" alt="" title="" /><br /></td>
    </tr>
  </table>
</div>

Überschrift und Text werden also durch die Extension deutlich besser. Die Tabelle um das Bild bleibt aber. Eine Suche in der englischen Mailingliste brachte zu Tage, dass an einer reinen CSS-Lösung gearbeitet wird.

Nur: der Thread ist aus April 2004 (http://typo3.org/documentation/mailing-lists/english-main-list-archive/thread/43433/).

Beide Extensions sind noch als EXPERIMENTEL gekennzeichnet:

css_styled_imgtext
sl_css_imgtext

Ich habe es mal mit css_styled_imgtext versucht, da diese Extension vor kurzem noch aktualisiert wurde und siehe da:

<div class="csc-header csc-header-n1">
  <h1 class="csc-firstHeader">Header</h1>
  <br />
  <img src="clear.gif" width="1" height="5" border="0" class="spacer-gif" alt="" title="" /><br />
</div>
<div class="csi-textpic csi-left">
  <div class="csi-text">
    <p class="bodytext">Text</p>
  </div>
  <dl class="csi-image">
    <dt><img src="uploads/pics/flw_results_01.gif" width="150" height="60" border="0" alt="" title="" /></dt>
    <dd class="csi-caption"> </dd>
  </dl>
  <div style="clear:both;"></div>
</div>

Bis auf dieses komische clear.gif doch schon nicht schlecht oder?

somnatic ·

habe irgendwie schon befürchtet dass das hard-gecodet ist 🙁

das imgtext sieht aber schonmal deutlich besser aus.

ich verstehe einfach nicht, warum man das so kompliziert gemacht hat.

Wäre es theoretisch möglich, ein eigenes Content - Element zu schreiben, welches dann eine eigene, von mir hard-gecodete Tabelle erstellt ?

somnatic ·

puh .. nun gut .. DAS könnte es erklären (wusste gar nicht dass das Ding schon so viele Jahre auf dem Buckel hat 🙂 ).

Danke für den Link - sobald das aktuelle Projekt beendet ist, werde ich mir den bei Gelegenheit mal reinwerfen 🙂

Vielleicht wirds ja wirklich was.

Mich beschleicht bei Typo3 nämlich immer das Gefühl, dass der Zusammenhang zwischen Eingabe im RTE (oder auch ohne RTE) -> Datenbank -> Output vollkommen undurchsichtig ist.

Und tt_content und Konsorten sind ja auch nicht so ohne 🙂

meisenarsch ·

hallo zusammen,
ich habe mich die letzen 3 tage heftig mit content rendering beschäftigt. da mir der code ähnlich ankotzt wie euch. ich empfehle nicht css styled content zu verwenden. ich habe die content elemente "uploads" und "punkteliste" mit wraps aus "styles.content" und "content (default)" sowie einige tt_content geschichten im setup sauber hinbekommen.

daraus ergibt sich ja das man jedem ein css geben kann, wenn man will. man braucht nämlich meisten weniger css als man brauch. css styled content ballert aber alles voll...

der bodytext ist ein kapitel für sich, weil er im zusammenhang mit dem rte editor steht.

man muss jedoch akzeptieren, das ein <table></table> tag übrig bleibt, da typo3 von hardcode anscheind diese tabelle setzt. ich gehe davon aus das es mit der rahmen + zellfüllung + zellanstand editier funktion in typo3 zu tun hat. sodass typo3 injedemfall eine table ausgibt.

man muss also anscheind akzeptieren, das die elemente table basierend sind. ich habe mit mir selber ausgemacht diese tatsache zu akzeptieren, um nicht durchzudrehen.

aber an das bild mit text und bild ohne text bin ich noch nicht drangegangen. ich gehe davon aus, das dies wesentlich schwieriger wird als die andere content elemente zu säubern.

ich hab mir jedenfalls die 157 seitige tsref.pdf von typo3.org reingezogen, das hat geholfen. aber es gibt mehr "funktionen" als da teilweise drinsteht, also muss man nebenbei bisschen googlen.

ich hoffe das ist ein guter tip, ich freu mich über jegliche erfolgsbotschaften ein bestimmtest content element effizient gesäubert zu haben....

ICH KAPIERE NICHT WARUM MAN DAS CONTENT RENDERING SO KOMPLIZIERT GEMACHT HAT. IMMER, WENN JEMAND MEINT, ER WÜSSTE WAS FÜR JEMANDEN ANDERS AM BESTEN WÄRE, KOMMT SCHEISSE RAUS..

mag echt am alter von typo3 liegen..

mic_jan ·
meisenarsch schrieb

ICH KAPIERE NICHT WARUM MAN DAS CONTENT RENDERING SO KOMPLIZIERT GEMACHT HAT. IMMER, WENN JEMAND MEINT, ER WÜSSTE WAS FÜR JEMANDEN ANDERS AM BESTEN WÄRE, KOMMT SCHEISSE RAUS..

Was sind das denn für Töne? :o