TinyMce kopiert die Klassen aus dem aktuellen Blockelement, wenn Sie die Eingabetaste drücken

Bei der Verwendung von tinyMce in WordPress, im visuellen Editor, wenn ich Inhalt in ein Element eingebe und die Eingabetaste drücke, werden die Klassen aus dem übergeordneten Element kopiert, ich möchte einfach ein neues erstellen <p> Element.

Zum Beispiel bearbeite ich

<p class="blip blip--gray one-sixth push-huge--top push--bottom">d aasdas d</p>

Dann drücke ich Return und das Folgende wird hinzugefügt:

<p class="blip blip--gray one-sixth push-huge--top push--bottom"></p>

wo ich nur hinzufügen möchte

<p></p>

Ich habe forced_root_block Option eingestellt auf p

Dies ist das Standardverhalten von tinymce.

Sie könnten Ihrem Editor einen tinymce-Handler hinzufügen, der von der ausgelöst wird keyup Veranstaltung. Prüfung für charCode 13 Sie können feststellen, ob ENTER gedrückt wurde. Wenn ja, könnten Sie die Klassen aus dem eigentlichen Absatz im Editor entfernen:

$(tinymce.get('youreditor_id').getNode()).closest('p').removeAttr('class');

Dies könnte die Lösung für dieses Problem sein:

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  keep_styles: false
});

winzig – Dokumente zur Inhaltsfilterung

Die vollständige Antwort, basierend auf dem @thariama-Post, ist

        tinyMCE.editors.content.on('keyup',function(e){
            if ( 13 === e.keyCode ) {
               $(tinyMCE.editors.content.selection.getNode()).closest('p').removeAttr('class');
            }
        });