在Gutenberg编辑器wordpress中添加自定义popover形式

Question

我是WordPress插件开发的新手。如何在Gutenberg编辑器WordPress中添加自定义popover表单？

var Button = function ( props ) {
return wp.element.createElement( wp.blockEditor.RichTextToolbarButton, {
icon: 'editor-code',
title: 'XXXXX',
onClick: function () {
///// write code here after click open pop a form
return wp.element.createElement('div', );
}
});
}

wp.richText.registerFormatType( 'my-custom-format/form-popup', {
title: 'Pop Form',
tagName: 'popform',
className: null,
attributes: {
text
},
edit: Button,
} );
} )( window.wp ); 

提前感谢

Answer 1

Gutenberg为"；popovers"；。最常见的两种是Modal组件和Popover组件。这些页面上有使用示例。