wordpress - Wordpress Gutenberg - 自定义格式

Question

因此，我之前为 wordpress 制作了一些自定义格式，您可以在其中突出显示文本并更改颜色、添加项目符号等......

所以我之前制作了一个 h1 格式，其中标记名是跨度类型，然后只需通过 css 添加样式。但是现在我正在尝试将这种格式的标记名更新为实际上是 h1 标记，但我不断收到错误消息：

函数生成的内容save：

从帖子正文中检索到的内容：

基本上是说上面这两个的输出不匹配，导致错误。此错误仅在页面保存并重新加载时发生。此外，在检查页面和错误时，它显示自定义格式作为 span 标签出现，而不是它实际设置为的 h1 标签。所以我不确定这里发生了什么。所以你们的任何帮助都会非常感谢。

代码：

const { __ } = wp.i18n;
const { registerBlockType } = wp.blocks;
const { RichText, MediaUpload, PlainText, InspectorControls, InnerBlocks, ColorPalette, RichTextToolbarButton, RichTextShortcut } = wp.editor;
const { Button, SelectControl, ColorPicker, PanelBody, Popover } = wp.components;
const { registerFormatType, toggleFormat } = wp.richText;
const { Fragment } = wp.element;

const H1Format = props => {
    return <RichTextToolbarButton
        icon='editor-code'
        title='H1 Text'
        onClick={() => {
            props.onChange(toggleFormat(
                props.value,
                { type: 'custom-format/h-one-format' }
            ));
        }}
        isActive={props.isActive}
    />
};
registerFormatType(
    'custom-format/h-one-format', {
    title: 'H1 Text',
    tagName: 'h1',
    className: 'h1-format',
    edit: H1Format,
}
);

标签： wordpress