Programmatisches Abfeuern von WordPress Gutenberg „Convert to Blocks“.

Ich habe mehrere Roboter, die in Node.js geschrieben sind, um automatisch HTML-Inhalte zu generieren und sie mithilfe der REST-API in mehrere WordPress-Sites einzufügen. Vor kurzem wurde WordPress 5.0 offiziell veröffentlicht und Gutenberg wurde zum Standardeditor. Alle alten Posts sowie die von Robotern generierten werden in einem einzigen „Classic“-Block gekapselt.

Wie die meisten von uns bereits wissen, sollte zusätzliches Markup hinzugefügt werden, um die HTML-Elemente in Blöcke umzuwandeln, und es gab eine Schaltfläche „In Blöcke umwandeln“, um sie in der Gutenberg-Benutzeroberfläche in Blöcke umzuwandeln. Gibt es eine bequeme Möglichkeit (z. B. die Verwendung integrierter Funktionen), um die gleichen Dinge wie “Convert to Blocks” programmgesteuert zu tun, oder sollten wir diese Gutenberg-bezogenen Markups einzeln umschließen? Jede Hilfe sollte geschätzt werden

Vielleicht ist das ein bisschen spät, aber wenn jemand noch nach einer Lösung sucht, hier ist, wie man es macht.

Dieser Code geht davon aus, dass Ihr klassischer Block der erste ist:

var block = wp.data
      .select("core/editor")
      .getBlocks()[0];

wp.data.dispatch( 'core/editor' ).replaceBlocks(block.clientId, wp.blocks.rawHandler( 
  { HTML: wp.blocks.getBlockContent( block ) }
));

Wenn Sie dies für alle klassischen Blöcke tun möchten, iterieren Sie einfach die gesamten Blöcke und suchen Sie nach dem Blocknamen core/freeform um es so umzuwandeln:

wp.data.select("core/editor").getBlocks().forEach(function(block, blockIndex){
  if (block.name === "core/freeform"){
    wp.data.dispatch( 'core/editor' ).replaceBlocks(block.clientId, wp.blocks.rawHandler( 
      { HTML: wp.blocks.getBlockContent( block ) }
    ));    
  }
})