Leerer Paragraph-Container unter Gutenberg -Block

  • Ich arbeite gerne mit dem Gutenberg-Editor, aber ein paar Dinge machen mir Probleme, bzw. ich weiß mir selbst zu helfen, aber wenn Kunden Inhalte pflegen sollen, dann wird es schwierig.

    Ein Punkt ist der, dass häufig unter einem Block, den ich bearbeite, ein leerer Paragraph angelegt wird, also Code sieht dann so aus:

    [FONT=Courier New]<!-- wp paragraph -->
    <p></p>
    <!-- /wp paragraph -->

    (siehe angehängtes Bild)

    [FONT=Arial]Ich arbeite mit Blöcken unterschiedlicher Hintergrund-Farbe. Wenn da nun so ein leer Container dazwischen rutscht, hat der die Hintergrund-Fabe der Seite (siehe angehängtes BIld)[/FONT][/FONT]
    [FONT=Courier New][FONT=Arial][/FONT][/FONT]
    [FONT=Courier New][FONT=Arial][/FONT][/FONT]
    [FONT=Courier New][FONT=Arial]Im Visible Editor erscheint an der Stelle "Schreibe etwas oder tippe / zur Blockauswahl".
    (siehe angehängtes Bild)[/FONT][/FONT]
    [FONT=Courier New][FONT=Arial]Wenn ich da den Cursor platziere und Return-Taste verwende, kriege ich den Container manchmal weg, manchmal nicht. Sicher ist nur die Methode, dass ich in Code-Editor gehe und dort den Paragraph raus lösche.[/FONT][/FONT]
    [FONT=Courier New][FONT=Arial]Das kann es doch nicht sein, oder? Ich kann ja meine Kunden nicht in den Code-Editor schicken.[/FONT][/FONT]

    [FONT=Courier New][FONT=Arial]Gibt es einen Trick, wie man das verhindern kann?[/FONT][/FONT]

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Mache icht gerne.
    Ich habe es nur deshalb nicht gleich gemacht, weil ich eigentlich immer noch auf eine saubere Lösung hoffe:


    Code
    $('p').each(function() {
         var mythis = $(this);
         if(mythis.html().replace(/\s|&nbsp;/g, '').length == 0){
             mythis.remove();
            }
        });

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!