do_action( ‘enqueue_block_editor_assets’ )

User Contributed Notes

1. Skip to note 4 content

   Stiofan 3 years ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 10You must log in to vote on the helpfulness of this note

   Bug / undocumented feature:

   If you are wondering why your styles are not added to the Full Site Editor, they will only be added if they contain a class starting with “.wp-block-” such as .wp-block-xyz, if no such class is detected, then the FSE will not load your file.
2. Skip to note 5 content

   thejaydip 3 years ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 1You must log in to vote on the helpfulness of this note

   Using this method you can enqueue JavaScript file for the editor

   function wpdocs_enqueue_scripts() {
   
     $blockPath = '/blocks/index.js';
     
     // Enqueue the block index.js file
     wp_enqueue_script(
       'example-block', // unique handle
       get_template_directory_uri() . $blockPath,
       [ 'wp-blocks', 'wp-element', 'wp-i18n' ], // required dependencies for blocks
       filemtime( get_template_directory() . $blockPath )
     );
   
   }
   add_action( 'enqueue_block_editor_assets', 'wpdocs_enqueue_scripts' );
3. Skip to note 6 content

   mrwweb 1 year ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 1You must log in to vote on the helpfulness of this note

   Note that this action is specifically for adding styles and scripts that impact the editor interface (e.g., the block sidebar or toolbar). For styling editor content, use enqueue_block_assets.

   Background:

   • Announcement of enqueue_block_assets
   • “Enqueueing Editor Scripts and Styles”