如何在Gutenberg“手动”插入一个块?

时间:2018-04-27 15:37:04

标签: javascript wordpress wordpress-gutenberg gutenberg-blocks

Gutenberg的API很安静,我无法想象如何在帖子中创建和附加一个块。

我发现wp.blocks.createBlock('core/paragraph', {content: "blabla"});会返回一个漂亮的块对象,但不会在帖子中附加任何内容。

我想通过点击按钮插入一个包含一些自定义内容的简单段落。

2 个答案:

答案 0 :(得分:6)

$file ="D:/folder-one/folder-two/"; 
$text = 'yourcontenthere';
file_put_contents($file, $text, FILE_APPEND);

答案 1 :(得分:3)

也许此源代码可以帮助https://github.com/WordPress/gutenberg/blob/master/editor/components/inserter/index.js

在文件末尾查找

onInsertBlock: ( item ) => {
        const { insertionPoint, selectedBlock } = ownProps;
        const { index, rootUID, layout } = insertionPoint;
        const { name, initialAttributes } = item;
        const insertedBlock = createBlock( name, { ...initialAttributes, layout } );
        if ( selectedBlock && isUnmodifiedDefaultBlock( selectedBlock ) ) {
            return dispatch( 'core/editor' ).replaceBlocks( selectedBlock.uid, insertedBlock );
        }
        return dispatch( 'core/editor' ).insertBlock( insertedBlock, index, rootUID );
    },

更具体

return dispatch( 'core/editor' ).insertBlock( insertedBlock, index, rootUID );

希望能解决您的问题,因为它在做您想实现的事情