�PNG �JFIF��

🗂️ simple

Path: big/web/www.scheybal.com/htdocs/wp-content/themes/scheybal/gutenberg/

✏️ Editing: add-attribute.js

( function( wp ) {
	var el = wp.element.createElement;
	var addFilter = wp.hooks.addFilter;
	var createHOC = wp.compose.createHigherOrderComponent;
	var InspectorAdvancedControls = wp.blockEditor.InspectorAdvancedControls;
	var TextControl = wp.components.TextControl;
	var Fragment = wp.element.Fragment;

// 1) Attribut zu allen Block-Registrierungen hinzufügen
	function addAttribute( settings ) {
		settings.attributes = Object.assign( settings.attributes || {}, {
			addAttribute: {
				type: 'string',
				default: ''
			}
		} );
		return settings;
	}
	addFilter(
		'blocks.registerBlockType',
		'theme/add-attribute/attribute',
		addAttribute
	);

// 2) InspectorAdvancedControls für das Advanced-Panel
	var withInspectorAdvanced = createHOC( function( BlockEdit ) {
		return function( props ) {
			return el(
				Fragment,
				{},
				el( BlockEdit, props ),
				el( InspectorAdvancedControls, {},
					el( TextControl, {
						label: 'weitere HTML Attribute',
						help: 'Eingabe nur für Profis, Attribute werden direkt in den HTML-Code integriert.',
						value: props.attributes.addAttribute || '',
						placeholder: 'z.B. onclick="alert(1)"',
						onChange: function( newVal ) {
							props.setAttributes( { addAttribute: newVal } );
						}
					})
				)
			);
		};
	}, 'withInspectorAdvanced' );

addFilter(
		'editor.BlockEdit',
		'theme/add-attribute/inspector-advanced',
		withInspectorAdvanced
	);

} )( window.wp );

🔙 Back