¿Cómo puedo poner en cola un script para que se ejecute dentro del editor de Gutenberg?

Question

¿Cómo puedo poner en cola un script para que se ejecute dentro del editor de Gutenberg?

#1 de birgire (2 votos)

4

Estoy usando el editor de Gutenberg como reemplazo de una pizarra en un aula. Puedo hacer que el aula sea más interactiva haciendo que los estudiantes trabajen directamente dentro del editor de Gutenberg. Como usuario de Wordpress a largo plazo, es realmente maravilloso ver que esto suceda, ya que los usuarios que no son expertos en tecnología pueden interactuar con el editor tan fácilmente.

Para proporcionar alguna funcionalidad faltante, me gustaría ejecutar un script personalizado dentro del editor. Es un script simple que agrega algunos estilos si se cumplen ciertas condiciones. Actualmente ejecuto este script en el front-end utilizando wp_register_script y wp_enqueue_script que se carga en el gancho de acción wp_enqueue_scripts .

¿Es posible cargar este script dentro del editor de Gutenberg, de modo que mientras mis alumnos están editando la publicación también podemos tener el script funcionando?

actions wp-enqueue-script block-editor

pregunta Kit Johnson 09.11.2018 - 08:12

1 respuesta

Lea otras preguntas en las etiquetas actions wp-enqueue-script block-editor

¿Cuál es la diferencia entre el Idioma del paquete y el Idioma del sitio? ¿Cómo alimentar un EventSource de HTML5 con un punto final personalizado REST API?

score 2 · Accepted Answer

Estoy usando el editor de Gutenberg como reemplazo de una pizarra en un aula. soy capaz de hacer que el aula sea más interactiva al hacer que los estudiantes trabajen directamente dentro del Editor de Gutenberg.

¡Qué uso tan bueno de WordPress describe aquí!

¿Es posible cargar este script dentro del editor de Gutenberg, de modo que mientras mis alumnos están editando la publicación también podemos tener el script funcionando?

Parece que WordPress 5.0+ nos proporcionará dos ganchos para esto:

/**
 * 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' );

y también para editor y 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' );

Actualización: De la Manual de Gutenberg :

El gancho enqueue_block_editor_assets solo se ejecuta en el Gutenberg editor del contexto cuando el editor está listo para recibir scripts adicionales y hojas de estilo. También hay un gancho enqueue_block_assets que es ejecutar tanto en el editor como en los contextos front-end. Esto debe ser usado para poner en cola hojas de estilo comunes al front-end y al editor.

Por lo tanto, podría intentar poner en cola sus scripts en la devolución de llamada de cualquiera de esos ganchos según sea necesario. También es posible agregar bloques específicos como dependencia.