将按钮添加到块工具栏:未定义toggleFormat

时间:2020-11-26 作者:SuPerGiu

我正在尝试为段落块的工具栏添加一个自定义按钮。

我遵循了本伟大教程中重现的步骤:https://neliosoftware.com/blog/how-to-add-a-button-to-the-gutenberg-editor-using-wordpress-scripts/

按钮正确显示,该项目中的每一段代码都运行良好。

单击按钮时,我很难在编辑器中更新内容。

我试图遵循以下准则:https://developer.wordpress.org/block-editor/tutorials/format-api/3-apply-format/ 但是我得到了一个控制台错误,说toggleFormat方法未定义。

我共享此github:Gutenberg Buttons, 如果有人能帮我解决这个问题。

非常感谢。

1 个回复
最合适的回答,由SO网友:avillegasn 整理而成

现在我知道问题出在哪里了。您没有使用onChange 正确地它来自props 编辑组件的:

这里有一个完整的示例:

registerFormatType(
    \'nelio/keyboard\', {
        title: __( \'Key\', \'nelio\' ),
        tagName: \'kbd\',
        className: null,
        edit: ( { value, onChange } ) => (
            <RichTextToolbarButton
                icon="editor-removeformatting"
                title={ __( \'Key\', \'nelio\' ) }
                onClick={ () => onChange( toggleFormat( value, { type: \'nelio/keyboard\' } ) ) }
            />
        ),
    }
);

相关推荐