Messages de Wolfi_wolfo

Le 25 mai 2022 à 23:54:59 :
Ton topec m'a donné des remontées acideshttps://image.noelshack.com/fichiers/2022/07/4/1645057428-tihrou.png

Pourquoi ?

Pourquoi il y a source = blocks.source ici ?

( function ( blocks, element, blockEditor ) {

    var el = element.createElement,

        source = blocks.source,

        useBlockProps = blockEditor.useBlockProps;



    function RandomImage( props ) {

        var src = 'http://lorempixel.com/400/200/' + props.category;



        return el( 'img', {

            src: src,

            alt: props.category,

        } );

    }



    blocks.registerBlockType( 'myplugin/random-image', {

        apiVersion: 2,



        title: 'Random Image',



        icon: 'format-image',



        category: 'text',



        attributes: {

            category: {

                type: 'string',

                source: 'attribute',

                attribute: 'alt',

                selector: 'img',

            },

        },



        edit: function ( props ) {

            var blockProps = useBlockProps();

            var category = props.attributes.category,

                children;



            function setCategory( event ) {

                var selected = event.target.querySelector( 'option:checked' );

                props.setAttributes( { category: selected.value } );

                event.preventDefault();

            }



            children = [];

            if ( category ) {

                children.push( RandomImage( { category: category } ) );

            }



            children.push(

                el(

                    'select',

                    { value: category, onChange: setCategory },

                    el( 'option', null, '- Select -' ),

                    el( 'option', { value: 'sports' }, 'Sports' ),

                    el( 'option', { value: 'animals' }, 'Animals' ),

                    el( 'option', { value: 'nature' }, 'Nature' )

                )

            );



            return el(

                'form',

                Object.assign( blockProps, { onSubmit: setCategory } ),

                children

            );

        },



        save: function ( props ) {

            return RandomImage( { category: props.attributes.category } );

        },

    } );

} )( window.wp.blocks, window.wp.element, window.wp.blockEditor );