TinyMCE - Leerer Absatz nach Tabellen

Hallo.
Seit Contao 3.2 (?) gibt es ja einen komplett neuen / anderen TinyMCE Editor. Der ärgert mich gerade mit leeren Absätzen hinter Tabellen.
Früher war es mal so, daß um die Tabelle ein p-Tag drum herum gesetzt wurde, das war schon nervig, konnte man aber mit leben. Jetzt wird der beim Speichern als leerer Absatz IMMER unter die Tabelle gesetzt. So wird es schwer, das mit CSS wegzuformatieren...

HTML-Code:

---

</tr>
</tbody>
</table>
<p>&nbsp;</p>

---

Wie bekommt man das weg??

Ob man das generell abstellen könnte beim nächsten Contao Update traue ich mich ja gar nicht zu fragen... ;-)

Hmmh, hat sonst keiner ein Problem mit diesen Absätzen?? Oder benutzt Ihr alle keine Tabellen mehr? ;)

So ist es :D und wenn dann nutze ich meistens das Inhaltselement für Tabellen.

Ich würde mal in TinyMCE Forum schauen. Das kann man ganz sicher per Config unterdrücken.

VG
Frank

Hmmh, den Hinweis auf das TinyMCE Forum hatte ich ja fast schon erwartet, aber ich denke schon, daß die Standard-Konfiguration des WYSWIG-Editors als zentrales Element schon eher das CMS als solches betrifft. Alles andere wäre total am User vorbei gedacht!?

Im Prinzip sehe ich das auch so. Mach doch ein Ticket auf Github. Andererseits kann ich mich auch noch dunkel an einige Versuche mit Tabellen im TinyMCE mit Contao 3.2.x erinnern. Da gab es z.B. das Problem, dass ich nach der Tabelle nichts mehr eingeben konnte, wenn ich den nachfolgenden Absatz gelöscht habe. Wär ja auch nicht schön ;).

Jo. Hab ich mal bei GitHub gepostet und das Ergebnis ist, daß es ein tinyMCE Bug ist:
http://www.tinymce.com/develop/bugtr...ew.php?id=7143
Workaround: Anderer Browser...

Die Ps mit nem geschützten Leerzeichen können mit der Entf.-Taste gelöscht werden. Im aktuellen FF und Chrome werden diese "leeren" Ps nicht automatisch erstellt.

Als Hinweis für Redakteure kann man im FE nach diesen Elementen suchen und per CSS auf das Löschen dieser Elemente hinweisen.

Vanilla JS

PHP-Code:

---

/* ... Search for empty Ps and highlight them ...
-------------------------------------------------------------------------------------------------*/
document.addEventListener('DOMContentLoaded', function() {

  var paragraphs = document.getElementsByTagName('p');

  for(i = 0; i < paragraphs.length; i++){
    if(paragraphs[i].innerHTML == '&nbsp;'){
      paragraphs[i].innerHTML = 'Bitte entfernen Sie diesen Absatz mit der Entf.-Taste!';
      paragraphs[i].style.cssText = 'color:snow; background-color:tomato; padding:.5em;';
    }
  }

});
/* ... Search for empty Ps and highlight them ... END
-------------------------------------------------------------------------------------------------*/ 


---

Das gleiche Problem habe ich auch, das ist wirklich nervig.

Ich gebe dem leeren Absatz immer eine Klasse "nonsense" und blende diese dann mit "display: none" aus.
Anders konnte ich mir auch nicht helfen.

liebe Grüße
Marcel