How to add Gutenberg block with JavaScript on WordPress

JavaScript でブロックを追加する / insert a block with JavaScript

// var el = wp.element.createElement;
var content = "The content";
var name = 'core/paragraph';
// var name = 'core/image';
// var name = 'core/embed';
// var name = 'core/html';
// var name = 'core/file';
insertedBlock = wp.blocks.createBlock(name, {
    // core/paragraph
    content: content,
    // core/embed
    url: content,
    // core/file
    // fileName: content.split(/\//).slice(-1),
    href: content,
});
wp.data.dispatch('core/editor').insertBlocks(insertedBlock);

// var el = wp.element.createElement;

var content = "The content";

var name = 'core/paragraph';

// var name = 'core/image';

// var name = 'core/embed';

// var name = 'core/html';

// var name = 'core/file';

insertedBlock = wp.blocks.createBlock(name, {

// core/paragraph

content: content,

// core/embed

url: content,

// core/file

// fileName: content.split(/\//).slice(-1),

href: content,

});

wp.data.dispatch('core/editor').insertBlocks(insertedBlock);

コメントを残す