Блог

Поэтому я уже делал несколько пользовательских форматов для wordpress, где вы выделяете текст и либо меняете цвет, добавляете маркер и т. Д….

Поэтому я ранее создал формат h1, в котором имя tagname является типом span, а затем просто добавил стиль с помощью 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,
}
);