WordPress/Gutenberg -在加载编辑器后打开面板

Question

我试着在加载编辑器后打开面板。有时起作用，有时不起作用。

我使用domReady函数等待页面的全部加载。

domReady函数不是应该等待整个页面加载吗？

我用插件写了我的代码。

在index.js中：

wp.domReady(() => {
    wp.data.dispatch( 'core/edit-post' ).toggleEditorPanelOpened( 'featured-image' );
    wp.data.dispatch( 'core/edit-post' ).toggleEditorPanelOpened( 'taxonomy-panel-keywords' );
    wp.data.dispatch( 'core/edit-post' ).toggleEditorPanelOpened( 'taxonomy-panel-teachers' );
});

在我的PHP文件中，我使用wp-editor来对我的脚本进行排队。

function ccn_load_editor_script() {
    wp_enqueue_script( 'wp-ccn-gutenberg-editor', plugins_url('ccn-gutenberg-editor/build/index.js'), array( 'wp-data', 'wp-blocks', 'wp-element', 'wp-editor' ), wp_rand(), true);
}

add_action( 'enqueue_block_editor_assets', 'ccn_load_editor_script' );

Answer 1

我使用window.onload来完成这个任务：

window.onload = function() {
    wp.data.dispatch( 'core/edit-post' ).toggleEditorPanelOpened( 'featured-image' );
    wp.data.dispatch( 'core/edit-post' ).toggleEditorPanelOpened( 'taxonomy-panel-keywords' );
    wp.data.dispatch( 'core/edit-post' ).toggleEditorPanelOpened( 'taxonomy-panel-teachers' );

};

onload比domReady晚，因为它只在加载所有内容之后才执行。