Возврат Wordpress blocks.getSaveElement приводит к необработанной ошибке синтаксиса: неожиданный токен - PullRequest
Новая
       8

Возврат Wordpress blocks.getSaveElement приводит к необработанной ошибке синтаксиса: неожиданный токен

0 голосов
/ 28 февраля 2019

Я довольно новичок в блоках Wordpress Gutenberg (и Wordpress в целом), и я столкнулся с проблемой, которую не могу исправить.Я смотрел вокруг на различных форумах, и никакое решение не помогло мне до сих пор.Итак, я отправляю свою точную тему.

Контекст: я хочу иметь возможность обернуть блок Гутенберга внутри контейнера div, что возможно с wp.hooks.addFilter.

Я нашел довольно простую статью, которая предлагает быстрое и «простое» (по-видимому, не для меня) решение.Вот оно: https://florianbrinkmann.com/en/5339/gutenberg-wrap-core-block-in-element/

Прежде чем начать возиться с предложенной логикой, я протестировал предложенный код, но, к удивлению, он не работает: Uncaught SyntaxError: Неожиданный токен <. </p>

Чтовызовет эту проблему?Потому что я не думаю, что это действительно синтаксическая ошибка.

Заранее спасибо!

Вот мой файл custom_table.js: 

wp.domReady( function() {
    wp.blocks.registerBlockStyle( 'core/table', {
        name: 'custom-table',
        label: 'Custom Table',
        isDefault: true,
    } );
    wp.blocks.unregisterBlockStyle( 'core/table', 'regular' );
    wp.blocks.unregisterBlockStyle( 'core/table', 'stripes' );

    wp.hooks.addFilter(
        'blocks.getSaveElement',
        'slug/modify-get-save-content-extra-props',
        modifyGetSaveContentExtraProps
    );
} );

function modifyGetSaveContentExtraProps( element, blockType, attributes  ) {

    if (blockType.name !== 'core/table') {
        return element;
    }

    return (
        <div className='table-wrapper'> // ERROR ON THIS LINE
            {element}
        </div>
    );
}

И мой файл PHP: 

defined( 'ABSPATH' ) or die( 'No script kiddies please!' );

function gestion_blocs_gutenberg_scripts() {
    wp_enqueue_script( 'custom_table_script', get_stylesheet_directory_uri() . '/inc/plugins/blocs-gutenberg/assets/js/custom_table.js', array( 'wp-blocks', 'wp-dom-ready', 'wp-element', 'wp-edit-post' ) );
}
add_action( 'enqueue_block_editor_assets', 'gestion_blocs_gutenberg_scripts' );
...