块内容呈现在正文标记正下方的顶部

时间:2019-05-05 作者:Sanzeeb Aryal

我正在尝试使用服务器端渲染创建古腾堡块。问题是块渲染在左上角。在前端,它按预期显示。

const { __ } = wp.i18n;
const { registerBlockType } = wp.blocks;
const el = wp.element.createElement;


registerBlockType( \'wda-wda/wda-gutenberg-block\', {
    title: __( \'My Block\', \'wda-wda\' ),
    icon: \'admin-users\',
    category: \'common\',
    attributes: {
        images : {
            default: [],
            type:   \'array\',

        }
    },
    edit( { attributes, setAttributes, className, focus, id } ) {
        // Put a user interface here.
        return null;

    },
    save( { attributes, className } ) {
        // Gutenberg will save attributes we can use in server-side callback
       return null;
    },
} );
和PHP:

function wda_register_block() {

    register_block_type( \'wda-wda/wda-gutenberg-block\', array(
        \'editor_script\'     => \'wda-gutenberg-block\',
        \'render_callback\'   => array( $this, \'render_callback\' ),
    ) );
}

function render_callback() {
    echo \'The Content\';
}
add_action( \'init\', \'wda_register_block\');
内容显示在帖子编辑器的左上角:http://cloud.supportally.com/736abefe6221

是否应手动调整?

1 个回复
最合适的回答,由SO网友:Sanzeeb Aryal 整理而成

render\\u callback()应该像shortcode一样返回输出。而不是重复它。

相关推荐

Testing Plugins for Multisite

我最近发布了一个WordPress插件,它在单个站点上非常有效。我被告知该插件在多站点安装上不能正常工作,我理解其中的一些原因。我已经更新了代码,现在需要一种方法来测试更新后的代码,然后才能转到实时客户的多站点安装。我有一个用于测试的WordPress安装程序的单站点安装,但需要在多站点安装上进行测试。根据我所能找到的唯一方法是在网络上至少有两个站点来安装整个多站点安装,以测试我的插件。设置WordPress的整个多站点安装是插件开发人员的唯一/首选方式,还是有更快的测试环境可用。