enqueue_block_editor_assets
Allows you to add styles or scripts to the block editor (Gutenberg) on the post editing screen.
Fires after block styles/scripts have been enqueued for output on the post editing screen.
wp_enqueue_script and wp_enqueue_style can be used in the callback function.
The hook must be used before the admin_enqueue_scripts event.
Use enqueue_block_assets when scripts and styles for blocks must be loaded on the front end, in the admin area, and inside the block editor iframe at the same time.
Usage
add_action( 'enqueue_block_editor_assets', 'wp_kama_enqueue_block_editor_assets_action' );
/**
* Function for `enqueue_block_editor_assets` action-hook.
*
* @return void
*/
function wp_kama_enqueue_block_editor_assets_action(){
// action...
}
Examples
#1 Enqueue styles and scripts on the post editing screen (for Gutenberg)
add_action( 'enqueue_block_editor_assets', 'example_block_editor_scripts' );
function example_block_editor_scripts(){
wp_enqueue_script( 'example', plugins_url( 'example.js', __FILE__ ), ['wp-blocks'], '', true );
wp_enqueue_style( 'example', plugins_url( 'example.css', __FILE__ ) );
}Changelog
| Since 5.0.0 | Introduced. |
Where the hook is called
In file: /wp-admin/edit-form-blocks.php
enqueue_block_editor_assets
wp-admin/edit-form-blocks.php 357
do_action( 'enqueue_block_editor_assets' );
wp-includes/class-wp-customize-widgets.php 899
do_action( 'enqueue_block_editor_assets' );
wp-admin/site-editor.php 316
do_action( 'enqueue_block_editor_assets' );
wp-admin/widgets-form-blocks.php 83
do_action( 'enqueue_block_editor_assets' );
Where the hook is used in WordPress
wp-admin/widgets-form-blocks.php 36
remove_action( 'enqueue_block_editor_assets', 'wp_enqueue_editor_block_directory_assets' );
wp-includes/default-filters.php 638
add_action( 'enqueue_block_editor_assets', 'wp_enqueue_registered_block_scripts_and_styles' );
wp-includes/default-filters.php 639
add_action( 'enqueue_block_editor_assets', 'enqueue_editor_block_styles_assets' );
wp-includes/default-filters.php 640
add_action( 'enqueue_block_editor_assets', 'wp_enqueue_editor_block_directory_assets' );
wp-includes/default-filters.php 641
add_action( 'enqueue_block_editor_assets', 'wp_enqueue_editor_format_library_assets' );
wp-includes/default-filters.php 642
add_action( 'enqueue_block_editor_assets', 'wp_enqueue_block_editor_script_modules' );
wp-includes/default-filters.php 643
add_action( 'enqueue_block_editor_assets', 'wp_enqueue_global_styles_css_custom_properties' );
wp-includes/default-filters.php 644
add_action( 'enqueue_block_editor_assets', '_wp_enqueue_auto_register_blocks' );