Como enfileirar um script para executar dentro do editor de Gutenberg?

4

Estou usando o editor de Gutenberg como substituto de um quadro branco em uma sala de aula. Eu sou capaz de tornar a sala de aula mais interativa fazendo com que os alunos trabalhem diretamente dentro do editor de Gutenberg. Como um usuário de longo prazo do Wordpress, é realmente maravilhoso ver isso acontecer, com usuários não-técnicos capazes de interagir com o editor tão facilmente.

Para fornecer algumas funcionalidades ausentes, eu gostaria de executar um script personalizado dentro do editor. É um script simples que adiciona alguns estilos se determinadas condições forem atendidas. No momento, executo esse script no front-end usando wp_register_script e wp_enqueue_script , que é carregado no gancho de ação wp_enqueue_scripts .

É possível carregar este script dentro do editor do Gutenberg, para que, enquanto meus alunos estiverem editando o post, também possamos ter o script funcionando?

    
por Kit Johnson 09.11.2018 / 08:12

1 resposta

2
  

Estou usando o editor de Gutenberg como substituto de um quadro branco em uma sala de aula. Eu estou   capaz de tornar a sala de aula mais interativa por ter os alunos trabalham diretamente dentro do   Editor de Gutenberg.

Que uso legal do WordPress você descreve lá!

  

É possível carregar este script dentro do editor do Gutenberg, para que, enquanto meus alunos estiverem editando o post, também possamos ter o script funcionando?

Parece que o WordPress 5.0+ nos fornecerá dois ganchos para isso:

/**
 * Fires after block assets have been enqueued for the editing interface.
 *
 * Call 'add_action' on any hook before 'admin_enqueue_scripts'.
 *
 * In the function call you supply, simply use 'wp_enqueue_script' and
 * 'wp_enqueue_style' to add your functionality to the block editor.
 *
 * @since 5.0.0
 */
do_action( 'enqueue_block_editor_assets' );

e também para editor e front-end:

/**
 * Fires after enqueuing block assets for both editor and front-end.
 *
 * Call 'add_action' on any hook before 'wp_enqueue_scripts'.
 *
 * In the function call you supply, simply use 'wp_enqueue_script' and
 * 'wp_enqueue_style' to add your functionality to the Gutenberg editor.
 *
 * @since 5.0.0
 */
 do_action( 'enqueue_block_assets' );

Atualização: do Manual do Gutenberg :

  

O gancho enqueue_block_editor_assets é executado somente no Gutenberg   contexto do editor quando o editor está pronto para receber scripts adicionais   e folhas de estilo. Há também um gancho enqueue_block_assets que é   executado sob os contextos editor e front-end. Isso deve ser usado   para enfileirar folhas de estilo comuns ao front-end e ao editor.

Assim, você poderia tentar enfileirar seus scripts no retorno de chamada de um desses ganchos, conforme necessário. Também é possível adicionar blocos específicos como dependência.

    
por birgire 09.11.2018 / 11:01