el segundo argumento en addFilter debería ser un espacio de nombres para el complemento. El formato suele ser:
‘Nombre del complemento/Nombre de la función’
Código corregido para su estructura
Dado que se nombra su estructura de complemento multi-columnsel segundo argumento correcto debería ser:
addFilter (‘Editor.Blockedit’, ‘Multi-columnas/con control de custom-pat’, conCustompaddingControl);
Corrección paso a paso1. Asegúrese de bloque. Json admite el espacio
Primero, verifique eso block.json tiene spacing Soporte habilitado:
{
«Soporte»: {
«Espacio»: {
«Relleno»: verdadero,
«Margen»: Verdadero
}
}
}
2. Actualizar custom-padding-control.js
Asegurar custom-padding-control.js Tiene la siguiente implementación correcta:
import {addfilter} de ‘@WordPress/Hooks’;
import {createHigherOrderComponent} de ‘@wordpress/compose’;
import {InspectIrControls, PanelBody, RangeControl} de ‘@wordpress/block-editor’;
const withCustompaddingControl = CreateHighterOrderComponent ((Blockedit) => {
return (props) => {
const {atributes, setattributes, isselected} = props;
if (! isselected) regreso;
return (
<>
setAttributes({ globalPadding: value })}
min={0} max={100}
/>
>
);
};}, ‘withCustompaddingControl’);
// espacio de nombres correcto: ‘Multi-columnas/con-custom-padding-control’
addFilter (‘Editor.Blockedit’, ‘Multi-columnas/con control de custom-pat’, conCustompaddingControl);
3. Importación custom-padding-control.js en edit.js
En edit.jsasegúrese de que se importe:
import ‘./custom-padding-control’;
4. Enoue el guión en multi-columns.php
Asegúrese de que el script esté correctamente eneado en multi-columns.php:
función multi_columns_enqueue_editor_assets () {
wp_enqueue_script (
‘Multi-columnas-custom-sting-control’,
plugin_dir_url (ARCHIVO). ‘SRC/Multi-Columns/Custom-Padding-Control.js’,
Array (‘WP-Blocks’, ‘WP-Element’, ‘WP-Hooks’, ‘WP-Components’, ‘WP-I18n’),
fileMtime (plugin_dir_path (ARCHIVO). ‘src/multi-columna/personalizado-patding-control.js’),
verdadero
);
}
add_action (‘enqueue_block_editor_assets’, ‘multi_columns_enqueue_editor_assets’);
5. Verifique todo
- Verifique los errores de JavaScript en la consola (Prensa
F12→ Pestaña de consola). - Confirmar que el script se está cargando correctamente (Controlar
Networkpestaña en las herramientas de desarrollo). - Asegúrese de que el espacio de nombres del filtro esté
multi-columns/with-custom-padding-control.
Ahora el campo de relleno global debería aparecer directamente debajo de la sección de relleno en la pestaña Estilos.