packages/e2e-tests/plugins/format-api/index.js - trunk - githubmirror/gutenberg

packages/e2e-tests/plugins/format-api/index.js

60 строк1 KB

George Mamadashvili

RichText: Fix duplicated format wrappers when typing inside an applied format (#79091)

19 июн 2026, 15:56

19 июн 2026, 15:564d07f72

( function () {
	wp.richText.registerFormatType( 'my-plugin/link', {
		title: 'Custom Link',
		tagName: 'a',
		attributes: {
			url: 'href',
		},
		className: 'my-plugin-link',
		edit( props ) {
			return wp.element.createElement(
				wp.blockEditor.RichTextToolbarButton,
				{
					icon: 'admin-links',
					title: 'Custom Link',
					onClick() {
						props.onChange(
							wp.richText.toggleFormat( props.value, {
								type: 'my-plugin/link',
								attributes: {
									url: 'https://example.com',
								},
							} )
						);
					},
					isActive: props.isActive,
				}
			);
		},
	} );

	// Format with an unregistered attribute (`data-test` is not listed in
	// `attributes`), used to test that manually applied formats merge with
	// their parsed counterparts when typing within them.
	wp.richText.registerFormatType( 'my-plugin/testing', {
		title: 'Testing',
		tagName: 'span',
		className: 'testing',
		edit( props ) {
			return wp.element.createElement(
				wp.blockEditor.RichTextToolbarButton,
				{
					icon: 'editor-code',
					title: 'Testing',
					onClick() {
						props.onChange(
							wp.richText.toggleFormat( props.value, {
								type: 'my-plugin/testing',
								attributes: {
									'data-test': 'hello',
								},
							} )
						);
						props.onFocus();
					},
					isActive: props.isActive,
				}
			);
		},
	} );
} )();