Qui gère les blocks faits avec React pour WordPress ici ?
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 );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 ?
Le 25 mai 2022 à 23:56:06 Wolfi_wolfo a écrit :
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 ?
Le web et les frameworks bloat de 10 méga
Le 25 mai 2022 à 23:54:01 :
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 );
Pour simplifier blocks.source en source
0 formule de politesse 
retour liste des sujets 
Le 25 mai 2022 à 23:56:48 :
Le 25 mai 2022 à 23:56:06 Wolfi_wolfo a écrit :
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 ?
Le web et les frameworks bloat de 10 méga
https://image.noelshack.com/fichiers/2022/07/4/1645057428-tihrou.png
Ah ok 
Le 25 mai 2022 à 23:57:07 :
Le 25 mai 2022 à 23:54:01 :
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 );Pour simplifier
blocks.sourceensource
Mais ce n'est pas utilisé dans le code et je ne vois pas de "source" dans l'API du module npm associé
Le 25 mai 2022 à 23:57:36 :
0 formule de politesse
En général je bide quand je fais ce genre de topics donc je ne fais pas trop d'efforts j'avoue désolé
Le 25 mai 2022 à 23:58:54 Wolfi_wolfo a écrit :
Le 25 mai 2022 à 23:56:48 :
Le 25 mai 2022 à 23:56:06 Wolfi_wolfo a écrit :
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 ?
Le web et les frameworks bloat de 10 méga
https://image.noelshack.com/fichiers/2022/07/4/1645057428-tihrou.png Ah ok
Le 25 mai 2022 à 23:57:07 :
Le 25 mai 2022 à 23:54:01 :
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 );Pour simplifier
blocks.sourceensourceMais ce n'est pas utilisé dans le code et je ne vois pas de "source" dans l'API du module npm associé
Certes.
API disponible. Utilisez le paramètre "api" en GET, peu importe le contenu, sur une page du site.
-
Partenaire: JVFlux
Ce site n'est pas associé à Jeuxvideo.com ou Webedia. Nous utilisons seulement des archives publiques.
Il est inutile de me spammer par e-mail pour supprimer un topic. Au contraire, en conséquence, je mettrais votre topic dans le bloc ci-dessous.
-
Personne n'a pas assumé de topic pour le moment.