Html 如何在WP块编辑器工具栏按钮中的span标记上添加id属性

我正在为wp blockeditor创建富文本元素工具栏按钮，该按钮将创建一个选项，将所选文本包装到span标记中。现在我想要的是在span标记中添加一个ID属性。在ID属性中，值将随机生成

所需的html输出：

一些文本

代码：

    var AddAnchorButton = function(props) {
        return wp.element.createElement(
            wp.blockEditor.RichTextToolbarButton, {
                icon: 'admin-links',
                title: 'Add Anchor',
                onClick: function() {
                    props.onChange(wp.richText.toggleFormat(
                        props.value, { type: 'anchor-format/add-anchor-button' }
                    ));
                },
                isActive: props.isActive,
            }
        );
    }


    wp.richText.registerFormatType(
        'anchor-format/add-anchor-button', {
            title: 'Add Anchor',
            tagName: 'span',
            className: null,
            edit: AddAnchorButton,
        }
    );


})(window.wp);