TinyMCE und Formate

[scroll]

Hallo,

ich habe anscheinend ein Problem mit dem TinyMCE oder eine verkehrte Denkweise...

Ich habe einige Formate in der tinymce.css definiert.
Browsercache und unter Systemwartung alles geleert, Formate werden auch angezeigt.
Markiere ich jetzt innerhalb eines Absatzes ein Wort und weise ihm ein Format zu klappt das auch wunderbar.
Es wird dann in ein span-Tag eingefasst, so soll es sein.
Wenn ich jetzt aber einen ganzen Absatz markiere und ihm ein Format zuweise wird es mir im Editor auch korrekt mit den richtigen Formaten angezeigt.
Schalte ich dagegen in HTML um sind keine Definitionen da (...ich hätte da jetzt ein <p><span class="mein-format">......</span></p> erwartet...), auch beim Speichern geht es verloren.

Ergo: Kann ich keine Formate einen ganzen Absatz (sprich den p-Tag) zuweisen?
Oder ist irgendeine Einstellung verkehrt?

Gruß Michael

Verwendete Contaoversion: 2.11.2

[scroll]

Fehler entdeckt...

Sobald ich einen zweiten Absatz einfüge kann ich einen Absatz ein Format zuweisen.
Steht ein Absatz alleine funktioniert das nicht...

Merkwürdig!

Gruß Michael

[pustefix]

Hallo miteinander,
ich häng mich hier mal dran, auch wenn der Thread schon älter ist.
Auch aktuell wird, je nach Browser, ein Leerzeichen nach Tabellen eingefügt. Da ich dies nicht beeinflussen kann, möchte ich die Ausgabe des dadurch ausgegebenen Absatzes, der nur das Leerzeichen enthält, per CSS unterdrücken.

    <div class="teaser">
      <table>
<tbody>
<tr>
<td style="width: 140px;"><a href="xxx.html"><img title="Bild.jpg" src="Bild.jpg" alt="Alttag"></a></td>
<td style="text-align: justify; vertical-align: top;">Teasertext</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>      
<p class="more"><a href="link.html" title="Den Artikel lesen: xxxx">Weiterlesen …<span class="invisible"> xxx</span></a></p>
    </div>

  </div>

Bitte meckert nicht über den Einsatz der Tabelle: Ich bekomme das nicht aus den Köpfen der Redakteure hinaus! Sie bestehen darauf, Texte so zu formatieren.

Zum Problem: Der markierte Absatz wird, je nach Browser, mal eingefügt, mal nicht. Das führt dazu, dass der Abstand des "more" Buttons zum Teasertext mal mehr mal weniger groß ist. Je nachdem, welchen Browser die Redakteure nutzen.

Meine Frage: Gibts ne Chance, den Absatz einfach auszublenden? Oder den "more" Button zu zwingen, nicht weiter als x-Pixel von der Tabelle entfernt aufzutauchen?

Ich hab bereits alle meine CSS-Vokabeln im Hirn abgefragt, und komm auf keine Lösung.

Vielen Dank schonmal sagt und beste Grüße sendet
pustefix

[Samson1964]

Mal abgesehen von Tabelle, TinyMCE-Image mit Tabelle und Leerabsatz und bevor ich selbst teste: Warum endet denn das teaser-DIV unter dem Weiterlesen-Link?

[Andreas]

Ich denke das passt hier nicht zum Thread-Titel "TinyMCE und Formate".

Du kannst den leeren Absatz im Editor entfernen mit der Entf.-Taste.

Im FE kannst du mit JS nach diesen <p>&nbsp;</p> suchen und diese entfernen.

[pustefix]

Ich hab ein div zuviel kopiert, der genaue Code ist:

<article class="mod_article block" id="ab">

  <div class="ce_text block">

    <h2>Abitur & Fremdsprachenkorrespondent/in</h2>

    <div class="teaser">
      <table>
<tbody>
<tr>
<td style="width: 140px;"><a href="xxx.html"><img title="Bild.jpg" src="Bild.jpg" alt="Alttag"></a></td>
<td style="text-align: justify; vertical-align: top;">Teasertext</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>      
<p class="more"><a href="link.html" title="Den Artikel lesen: xxxx">Weiterlesen …<span class="invisible"> xxx</span></a></p>
    </div>

  </div>

</article> 

So wird es mir von Contao generiert. In der akt Demo sieht der Code so aus:

 <article class="mod_article first block" id="article-1">
      <div class="ce_text block">
        <h2>Home</h2>
        <div class="teaser">
          <table>
<tbody>
<tr>
<td>Text</td>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>          <p class="more"><a href="en/index/articles/index.html" title="Read the article: Home">Read more … <span class="invisible">Home</span></a></p>
        </div>
      </div>
    </article>

Also genauso.
Firefox 51.0.1

[Andreas]

Es wird dann in ein span-Tag eingefasst, so soll es sein.

Das stimmt nicht ganz. Eigentlich sollte es so sein.

<p class="my-class">Mein formatierter Satz.</p>
<p>Mein <span class="my-class">formatierter</span> Satz.</p>

Ein SPAN im ersten Beispiel wäre unnötig, da die Klasse auf das P aufgesetzt werden kann.

Wenn der Tiny das immer noch nicht so macht, dann seht euch meine tinyCustom.php an, die macht das richtig. http://public.andreasburg.de/tinyCustom.zip

[pustefix]

Ich denke das passt hier nicht zum Thread-Titel "TinyMCE und Formate".

Du kannst den leeren Absatz im Editor entfernen mit der Entf.-Taste.

Im FE kannst du mit JS nach diesen <p>&nbsp;</p> suchen und diese entfernen.

Du hast natürlich völlig recht, ich wollte mich hier dranhängen: https://community.contao.org/de/show...-nach-Tabellen

Bekomme ich den irgendwie verschoben?

Und: Ich kann die <p>&nbsp;</p> entfernen, kann es aber den Redakteuren nicht zumuten. Zumal es spätestens beim nächsten Bearbeiten/Speichern wieder auftaucht.

[Andreas]

Das müsste ein Administrator machen.