Trigger Javascript auf Gutenberg (Block Editor) Speichern

Ich habe also eine Metabox, die beim Speichern eines Beitrags Javascript auslösen soll (um die Seite in diesem Anwendungsfall zu aktualisieren).

Im klassischen Editor kann dies über eine einfache Umleitung erfolgen, die mit save_post(mit hoher Priorität) verbunden ist.

Da Gutenberg den Speichervorgang für vorhandene Metaboxen jetzt in einzelne AJAX-Aufrufe konvertiert, muss es sich um Javascript handeln. Wie kann ich also Folgendes tun:

• Auf ein Ereignis warten, bei dem alle Speichervorgänge abgeschlossen sind, und dann das Javascript auslösen? Wenn ja, wie heißt dieses Ereignis? Gibt es irgendwo einen Hinweis auf diese Ereignisse? ODER

• Javascript innerhalb des AJAX-Prozesses zum Speichern der Metabox auslösen, der dann den Status des Speichervorgangs der übergeordneten Seite überprüfen kann, bevor Sie fortfahren?

Ich bin mir nicht sicher, ob es einen besseren Weg gibt, aber ich höre zu, subscribeanstatt der Schaltfläche einen Ereignis-Listener hinzuzufügen:

wp.data.subscribe(function () {
  var isSavingPost = wp.data.select('core/editor').isSavingPost();
  var isAutosavingPost = wp.data.select('core/editor').isAutosavingPost();

  if (isSavingPost && !isAutosavingPost) {
    // Here goes your AJAX code ......

  }
})

Offizielle Dokumente der Post Editor-Daten: https://wordpress.org/gutenberg/handbook/designers-developers/developers/data/data-core-editor/

Okay, also viel mehr hackige Lösung als ich wollte, aber es hat funktioniert ...

Hier ist eine leicht vereinfachte und abstrahierte Methode, um dies aus meinem Code heraus zu tun, falls jemand jemals dasselbe tun muss (da ich sicher bin, dass in naher Zukunft weitere Plugins verfügbar sein werden).

    var reload_check = false; var publish_button_click = false;
    jQuery(document).ready(function($) {
        add_publish_button_click = setInterval(function() {
            $publish_button = jQuery('.edit-post-header__settings .editor-post-publish-button');
            if ($publish_button && !publish_button_click) {
                publish_button_click = true;
                $publish_button.on('click', function() {
                    var reloader = setInterval(function() {
                        if (reload_check) {return;} else {reload_check = true;}
                        postsaving = wp.data.select('core/editor').isSavingPost();
                        autosaving = wp.data.select('core/editor').isAutosavingPost();
                        success = wp.data.select('core/editor').didPostSaveRequestSucceed();
                        console.log('Saving: '+postsaving+' - Autosaving: '+autosaving+' - Success: '+success);
                        if (postsaving || autosaving || !success) {classic_reload_check = false; return;}
                        clearInterval(reloader);

                        value = document.getElementById('metabox_input_id').value;
                        if (value == 'trigger_value') {
                            if (confirm('Page reload required. Refresh the page now?')) {
                                window.location.href = window.location.href+'&refreshed=1';
                            }
                        }
                    }, 1000);
                });
            }
        }, 500);
    });

... müssen sich nur ändern metabox_input_idund trigger_valuenach Bedarf anpassen. :-)

Sie müssen die Funktion zum Abbestellen von Abonnieren und Anrufen erfassen , um Mehrfachanrufe zu vermeiden.

const unsubscribe = wp.data.subscribe(function () {
            let select = wp.data.select('core/editor');
            var isSavingPost = select.isSavingPost();
            var isAutosavingPost = select.isAutosavingPost();
            var didPostSaveRequestSucceed = select.didPostSaveRequestSucceed();
            if (isSavingPost && !isAutosavingPost && didPostSaveRequestSucceed) {
                console.log("isSavingPost && !isAutosavingPost && didPostSaveRequestSucceed");
                unsubscribe();


                // your AJAX HERE();

            }
        });